<!DOCTYPE html>

<html lang="en">
<head><meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Untitled2</title><script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
<style type="text/css">
    pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
.highlight .hll { background-color: var(--jp-cell-editor-active-background) }
.highlight { background: var(--jp-cell-editor-background); color: var(--jp-mirror-editor-variable-color) }
.highlight .c { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment */
.highlight .err { color: var(--jp-mirror-editor-error-color) } /* Error */
.highlight .k { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword */
.highlight .o { color: var(--jp-mirror-editor-operator-color); font-weight: bold } /* Operator */
.highlight .p { color: var(--jp-mirror-editor-punctuation-color) } /* Punctuation */
.highlight .ch { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Hashbang */
.highlight .cm { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Multiline */
.highlight .cp { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Preproc */
.highlight .cpf { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.PreprocFile */
.highlight .c1 { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Single */
.highlight .cs { color: var(--jp-mirror-editor-comment-color); font-style: italic } /* Comment.Special */
.highlight .kc { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Constant */
.highlight .kd { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Declaration */
.highlight .kn { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Namespace */
.highlight .kp { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: var(--jp-mirror-editor-keyword-color); font-weight: bold } /* Keyword.Type */
.highlight .m { color: var(--jp-mirror-editor-number-color) } /* Literal.Number */
.highlight .s { color: var(--jp-mirror-editor-string-color) } /* Literal.String */
.highlight .ow { color: var(--jp-mirror-editor-operator-color); font-weight: bold } /* Operator.Word */
.highlight .pm { color: var(--jp-mirror-editor-punctuation-color) } /* Punctuation.Marker */
.highlight .w { color: var(--jp-mirror-editor-variable-color) } /* Text.Whitespace */
.highlight .mb { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Bin */
.highlight .mf { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Float */
.highlight .mh { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Hex */
.highlight .mi { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Integer */
.highlight .mo { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Oct */
.highlight .sa { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Affix */
.highlight .sb { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Backtick */
.highlight .sc { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Char */
.highlight .dl { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Delimiter */
.highlight .sd { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Doc */
.highlight .s2 { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Double */
.highlight .se { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Escape */
.highlight .sh { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Heredoc */
.highlight .si { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Interpol */
.highlight .sx { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Other */
.highlight .sr { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Regex */
.highlight .s1 { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Single */
.highlight .ss { color: var(--jp-mirror-editor-string-color) } /* Literal.String.Symbol */
.highlight .il { color: var(--jp-mirror-editor-number-color) } /* Literal.Number.Integer.Long */
  </style>
<style type="text/css">
/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*
 * Mozilla scrollbar styling
 */

/* use standard opaque scrollbars for most nodes */
[data-jp-theme-scrollbars='true'] {
  scrollbar-color: rgb(var(--jp-scrollbar-thumb-color))
    var(--jp-scrollbar-background-color);
}

/* for code nodes, use a transparent style of scrollbar. These selectors
 * will match lower in the tree, and so will override the above */
[data-jp-theme-scrollbars='true'] .CodeMirror-hscrollbar,
[data-jp-theme-scrollbars='true'] .CodeMirror-vscrollbar {
  scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
}

/* tiny scrollbar */

.jp-scrollbar-tiny {
  scrollbar-color: rgba(var(--jp-scrollbar-thumb-color), 0.5) transparent;
  scrollbar-width: thin;
}

/* tiny scrollbar */

.jp-scrollbar-tiny::-webkit-scrollbar,
.jp-scrollbar-tiny::-webkit-scrollbar-corner {
  background-color: transparent;
  height: 4px;
  width: 4px;
}

.jp-scrollbar-tiny::-webkit-scrollbar-thumb {
  background: rgba(var(--jp-scrollbar-thumb-color), 0.5);
}

.jp-scrollbar-tiny::-webkit-scrollbar-track:horizontal {
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
}

.jp-scrollbar-tiny::-webkit-scrollbar-track:vertical {
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
}

/*
 * Lumino
 */

.lm-ScrollBar[data-orientation='horizontal'] {
  min-height: 16px;
  max-height: 16px;
  min-width: 45px;
  border-top: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='vertical'] {
  min-width: 16px;
  max-width: 16px;
  min-height: 45px;
  border-left: 1px solid #a0a0a0;
}

.lm-ScrollBar-button {
  background-color: #f0f0f0;
  background-position: center center;
  min-height: 15px;
  max-height: 15px;
  min-width: 15px;
  max-width: 15px;
}

.lm-ScrollBar-button:hover {
  background-color: #dadada;
}

.lm-ScrollBar-button.lm-mod-active {
  background-color: #cdcdcd;
}

.lm-ScrollBar-track {
  background: #f0f0f0;
}

.lm-ScrollBar-thumb {
  background: #cdcdcd;
}

.lm-ScrollBar-thumb:hover {
  background: #bababa;
}

.lm-ScrollBar-thumb.lm-mod-active {
  background: #a0a0a0;
}

.lm-ScrollBar[data-orientation='horizontal'] .lm-ScrollBar-thumb {
  height: 100%;
  min-width: 15px;
  border-left: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='vertical'] .lm-ScrollBar-thumb {
  width: 100%;
  min-height: 15px;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}

.lm-ScrollBar[data-orientation='horizontal']
  .lm-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-icon-caret-left);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='horizontal']
  .lm-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-icon-caret-right);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='vertical']
  .lm-ScrollBar-button[data-action='decrement'] {
  background-image: var(--jp-icon-caret-up);
  background-size: 17px;
}

.lm-ScrollBar[data-orientation='vertical']
  .lm-ScrollBar-button[data-action='increment'] {
  background-image: var(--jp-icon-caret-down);
  background-size: 17px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-Widget {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.lm-Widget.lm-mod-hidden {
  display: none !important;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.lm-AccordionPanel[data-orientation='horizontal'] > .lm-AccordionPanel-title {
  /* Title is rotated for horizontal accordion panel using CSS */
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-CommandPalette {
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-CommandPalette-search {
  flex: 0 0 auto;
}

.lm-CommandPalette-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  min-height: 0;
  overflow: auto;
  list-style-type: none;
}

.lm-CommandPalette-header {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lm-CommandPalette-item {
  display: flex;
  flex-direction: row;
}

.lm-CommandPalette-itemIcon {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemContent {
  flex: 1 1 auto;
  overflow: hidden;
}

.lm-CommandPalette-itemShortcut {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemLabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lm-close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  position: absolute;
  z-index: 1;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 7px 0;
  display: none;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
}
.lm-close-icon:after {
  content: 'X';
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #000;
  font-weight: normal;
  font-size: 12px;
  cursor: pointer;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-DockPanel {
  z-index: 0;
}

.lm-DockPanel-widget {
  z-index: 0;
}

.lm-DockPanel-tabBar {
  z-index: 1;
}

.lm-DockPanel-handle {
  z-index: 2;
}

.lm-DockPanel-handle.lm-mod-hidden {
  display: none !important;
}

.lm-DockPanel-handle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.lm-DockPanel-handle[data-orientation='horizontal'] {
  cursor: ew-resize;
}

.lm-DockPanel-handle[data-orientation='vertical'] {
  cursor: ns-resize;
}

.lm-DockPanel-handle[data-orientation='horizontal']:after {
  left: 50%;
  min-width: 8px;
  transform: translateX(-50%);
}

.lm-DockPanel-handle[data-orientation='vertical']:after {
  top: 50%;
  min-height: 8px;
  transform: translateY(-50%);
}

.lm-DockPanel-overlay {
  z-index: 3;
  box-sizing: border-box;
  pointer-events: none;
}

.lm-DockPanel-overlay.lm-mod-hidden {
  display: none !important;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-Menu {
  z-index: 10000;
  position: absolute;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: auto;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-Menu-content {
  margin: 0;
  padding: 0;
  display: table;
  list-style-type: none;
}

.lm-Menu-item {
  display: table-row;
}

.lm-Menu-item.lm-mod-hidden,
.lm-Menu-item.lm-mod-collapsed {
  display: none !important;
}

.lm-Menu-itemIcon,
.lm-Menu-itemSubmenuIcon {
  display: table-cell;
  text-align: center;
}

.lm-Menu-itemLabel {
  display: table-cell;
  text-align: left;
}

.lm-Menu-itemShortcut {
  display: table-cell;
  text-align: right;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-MenuBar {
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-MenuBar-content {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  list-style-type: none;
}

.lm-MenuBar-item {
  box-sizing: border-box;
}

.lm-MenuBar-itemIcon,
.lm-MenuBar-itemLabel {
  display: inline-block;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-ScrollBar {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-ScrollBar[data-orientation='horizontal'] {
  flex-direction: row;
}

.lm-ScrollBar[data-orientation='vertical'] {
  flex-direction: column;
}

.lm-ScrollBar-button {
  box-sizing: border-box;
  flex: 0 0 auto;
}

.lm-ScrollBar-track {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
}

.lm-ScrollBar-thumb {
  box-sizing: border-box;
  position: absolute;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-SplitPanel-child {
  z-index: 0;
}

.lm-SplitPanel-handle {
  z-index: 1;
}

.lm-SplitPanel-handle.lm-mod-hidden {
  display: none !important;
}

.lm-SplitPanel-handle:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle {
  cursor: ew-resize;
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle {
  cursor: ns-resize;
}

.lm-SplitPanel[data-orientation='horizontal'] > .lm-SplitPanel-handle:after {
  left: 50%;
  min-width: 8px;
  transform: translateX(-50%);
}

.lm-SplitPanel[data-orientation='vertical'] > .lm-SplitPanel-handle:after {
  top: 50%;
  min-height: 8px;
  transform: translateY(-50%);
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-TabBar {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lm-TabBar[data-orientation='horizontal'] {
  flex-direction: row;
  align-items: flex-end;
}

.lm-TabBar[data-orientation='vertical'] {
  flex-direction: column;
  align-items: flex-end;
}

.lm-TabBar-content {
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1 1 auto;
  list-style-type: none;
}

.lm-TabBar[data-orientation='horizontal'] > .lm-TabBar-content {
  flex-direction: row;
}

.lm-TabBar[data-orientation='vertical'] > .lm-TabBar-content {
  flex-direction: column;
}

.lm-TabBar-tab {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  overflow: hidden;
  touch-action: none; /* Disable native Drag/Drop */
}

.lm-TabBar-tabIcon,
.lm-TabBar-tabCloseIcon {
  flex: 0 0 auto;
}

.lm-TabBar-tabLabel {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.lm-TabBar-tabInput {
  user-select: all;
  width: 100%;
  box-sizing: border-box;
}

.lm-TabBar-tab.lm-mod-hidden {
  display: none !important;
}

.lm-TabBar-addButton.lm-mod-hidden {
  display: none !important;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab {
  position: relative;
}

.lm-TabBar.lm-mod-dragging[data-orientation='horizontal'] .lm-TabBar-tab {
  left: 0;
  transition: left 150ms ease;
}

.lm-TabBar.lm-mod-dragging[data-orientation='vertical'] .lm-TabBar-tab {
  top: 0;
  transition: top 150ms ease;
}

.lm-TabBar.lm-mod-dragging .lm-TabBar-tab.lm-mod-dragging {
  transition: none;
}

.lm-TabBar-tabLabel .lm-TabBar-tabInput {
  user-select: all;
  width: 100%;
  box-sizing: border-box;
  background: inherit;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-TabPanel-tabBar {
  z-index: 1;
}

.lm-TabPanel-stackedPanel {
  z-index: 0;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Collapse {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.jp-Collapse-header {
  padding: 1px 12px;
  background-color: var(--jp-layout-color1);
  border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  text-transform: uppercase;
  user-select: none;
}

.jp-Collapser-icon {
  height: 16px;
}

.jp-Collapse-header-collapsed .jp-Collapser-icon {
  transform: rotate(-90deg);
  margin: auto 0;
}

.jp-Collapser-title {
  line-height: 25px;
}

.jp-Collapse-contents {
  padding: 0 12px;
  background-color: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  overflow: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/* This file was auto-generated by ensureUiComponents() in @jupyterlab/buildutils */

/**
 * (DEPRECATED) Support for consuming icons as CSS background images
 */

/* Icons urls */

:root {
  --jp-icon-add-above: url();
  --jp-icon-add-below: url();
  --jp-icon-add: url();
  --jp-icon-bell: url();
  --jp-icon-bug-dot: url();
  --jp-icon-bug: url();
  --jp-icon-build: url();
  --jp-icon-caret-down-empty-thin: url();
  --jp-icon-caret-down-empty: url();
  --jp-icon-caret-down: url();
  --jp-icon-caret-left: url();
  --jp-icon-caret-right: url();
  --jp-icon-caret-up-empty-thin: url();
  --jp-icon-caret-up: url();
  --jp-icon-case-sensitive: url();
  --jp-icon-check: url();
  --jp-icon-circle-empty: url();
  --jp-icon-circle: url();
  --jp-icon-clear: url();
  --jp-icon-close: url();
  --jp-icon-code-check: url();
  --jp-icon-code: url();
  --jp-icon-collapse-all: url();
  --jp-icon-console: url();
  --jp-icon-copy: url();
  --jp-icon-copyright: url();
  --jp-icon-cut: url();
  --jp-icon-delete: url();
  --jp-icon-download: url();
  --jp-icon-duplicate: url();
  --jp-icon-edit: url();
  --jp-icon-ellipses: url();
  --jp-icon-error: url();
  --jp-icon-expand-all: url();
  --jp-icon-extension: url();
  --jp-icon-fast-forward: url();
  --jp-icon-file-upload: url();
  --jp-icon-file: url();
  --jp-icon-filter-dot: url();
  --jp-icon-filter-list: url();
  --jp-icon-filter: url();
  --jp-icon-folder-favorite: url();
  --jp-icon-folder: url();
  --jp-icon-home: url();
  --jp-icon-html5: url();
  --jp-icon-image: url();
  --jp-icon-info: url();
  --jp-icon-inspector: url();
  --jp-icon-json: url();
  --jp-icon-julia: url();
  --jp-icon-jupyter-favicon: url();
  --jp-icon-jupyter: url();
  --jp-icon-jupyterlab-wordmark: url();
  --jp-icon-kernel: url();
  --jp-icon-keyboard: url();
  --jp-icon-launch: url();
  --jp-icon-launcher: url();
  --jp-icon-line-form: url();
  --jp-icon-link: url();
  --jp-icon-list: url();
  --jp-icon-markdown: url();
  --jp-icon-move-down: url();
  --jp-icon-move-up: url();
  --jp-icon-new-folder: url();
  --jp-icon-not-trusted: url();
  --jp-icon-notebook: url();
  --jp-icon-numbering: url();
  --jp-icon-offline-bolt: url();
  --jp-icon-palette: url();
  --jp-icon-paste: url();
  --jp-icon-pdf: url();
  --jp-icon-python: url();
  --jp-icon-r-kernel: url();
  --jp-icon-react: url();
  --jp-icon-redo: url();
  --jp-icon-refresh: url();
  --jp-icon-regex: url();
  --jp-icon-run: url();
  --jp-icon-running: url();
  --jp-icon-save: url();
  --jp-icon-search: url();
  --jp-icon-settings: url();
  --jp-icon-share: url();
  --jp-icon-spreadsheet: url();
  --jp-icon-stop: url();
  --jp-icon-tab: url();
  --jp-icon-table-rows: url();
  --jp-icon-tag: url();
  --jp-icon-terminal: url();
  --jp-icon-text-editor: url();
  --jp-icon-toc: url();
  --jp-icon-tree-view: url();
  --jp-icon-trusted: url();
  --jp-icon-undo: url();
  --jp-icon-user: url();
  --jp-icon-users: url();
  --jp-icon-vega: url();
  --jp-icon-word: url();
  --jp-icon-yaml: url();
}

/* Icon CSS class declarations */

.jp-AddAboveIcon {
  background-image: var(--jp-icon-add-above);
}

.jp-AddBelowIcon {
  background-image: var(--jp-icon-add-below);
}

.jp-AddIcon {
  background-image: var(--jp-icon-add);
}

.jp-BellIcon {
  background-image: var(--jp-icon-bell);
}

.jp-BugDotIcon {
  background-image: var(--jp-icon-bug-dot);
}

.jp-BugIcon {
  background-image: var(--jp-icon-bug);
}

.jp-BuildIcon {
  background-image: var(--jp-icon-build);
}

.jp-CaretDownEmptyIcon {
  background-image: var(--jp-icon-caret-down-empty);
}

.jp-CaretDownEmptyThinIcon {
  background-image: var(--jp-icon-caret-down-empty-thin);
}

.jp-CaretDownIcon {
  background-image: var(--jp-icon-caret-down);
}

.jp-CaretLeftIcon {
  background-image: var(--jp-icon-caret-left);
}

.jp-CaretRightIcon {
  background-image: var(--jp-icon-caret-right);
}

.jp-CaretUpEmptyThinIcon {
  background-image: var(--jp-icon-caret-up-empty-thin);
}

.jp-CaretUpIcon {
  background-image: var(--jp-icon-caret-up);
}

.jp-CaseSensitiveIcon {
  background-image: var(--jp-icon-case-sensitive);
}

.jp-CheckIcon {
  background-image: var(--jp-icon-check);
}

.jp-CircleEmptyIcon {
  background-image: var(--jp-icon-circle-empty);
}

.jp-CircleIcon {
  background-image: var(--jp-icon-circle);
}

.jp-ClearIcon {
  background-image: var(--jp-icon-clear);
}

.jp-CloseIcon {
  background-image: var(--jp-icon-close);
}

.jp-CodeCheckIcon {
  background-image: var(--jp-icon-code-check);
}

.jp-CodeIcon {
  background-image: var(--jp-icon-code);
}

.jp-CollapseAllIcon {
  background-image: var(--jp-icon-collapse-all);
}

.jp-ConsoleIcon {
  background-image: var(--jp-icon-console);
}

.jp-CopyIcon {
  background-image: var(--jp-icon-copy);
}

.jp-CopyrightIcon {
  background-image: var(--jp-icon-copyright);
}

.jp-CutIcon {
  background-image: var(--jp-icon-cut);
}

.jp-DeleteIcon {
  background-image: var(--jp-icon-delete);
}

.jp-DownloadIcon {
  background-image: var(--jp-icon-download);
}

.jp-DuplicateIcon {
  background-image: var(--jp-icon-duplicate);
}

.jp-EditIcon {
  background-image: var(--jp-icon-edit);
}

.jp-EllipsesIcon {
  background-image: var(--jp-icon-ellipses);
}

.jp-ErrorIcon {
  background-image: var(--jp-icon-error);
}

.jp-ExpandAllIcon {
  background-image: var(--jp-icon-expand-all);
}

.jp-ExtensionIcon {
  background-image: var(--jp-icon-extension);
}

.jp-FastForwardIcon {
  background-image: var(--jp-icon-fast-forward);
}

.jp-FileIcon {
  background-image: var(--jp-icon-file);
}

.jp-FileUploadIcon {
  background-image: var(--jp-icon-file-upload);
}

.jp-FilterDotIcon {
  background-image: var(--jp-icon-filter-dot);
}

.jp-FilterIcon {
  background-image: var(--jp-icon-filter);
}

.jp-FilterListIcon {
  background-image: var(--jp-icon-filter-list);
}

.jp-FolderFavoriteIcon {
  background-image: var(--jp-icon-folder-favorite);
}

.jp-FolderIcon {
  background-image: var(--jp-icon-folder);
}

.jp-HomeIcon {
  background-image: var(--jp-icon-home);
}

.jp-Html5Icon {
  background-image: var(--jp-icon-html5);
}

.jp-ImageIcon {
  background-image: var(--jp-icon-image);
}

.jp-InfoIcon {
  background-image: var(--jp-icon-info);
}

.jp-InspectorIcon {
  background-image: var(--jp-icon-inspector);
}

.jp-JsonIcon {
  background-image: var(--jp-icon-json);
}

.jp-JuliaIcon {
  background-image: var(--jp-icon-julia);
}

.jp-JupyterFaviconIcon {
  background-image: var(--jp-icon-jupyter-favicon);
}

.jp-JupyterIcon {
  background-image: var(--jp-icon-jupyter);
}

.jp-JupyterlabWordmarkIcon {
  background-image: var(--jp-icon-jupyterlab-wordmark);
}

.jp-KernelIcon {
  background-image: var(--jp-icon-kernel);
}

.jp-KeyboardIcon {
  background-image: var(--jp-icon-keyboard);
}

.jp-LaunchIcon {
  background-image: var(--jp-icon-launch);
}

.jp-LauncherIcon {
  background-image: var(--jp-icon-launcher);
}

.jp-LineFormIcon {
  background-image: var(--jp-icon-line-form);
}

.jp-LinkIcon {
  background-image: var(--jp-icon-link);
}

.jp-ListIcon {
  background-image: var(--jp-icon-list);
}

.jp-MarkdownIcon {
  background-image: var(--jp-icon-markdown);
}

.jp-MoveDownIcon {
  background-image: var(--jp-icon-move-down);
}

.jp-MoveUpIcon {
  background-image: var(--jp-icon-move-up);
}

.jp-NewFolderIcon {
  background-image: var(--jp-icon-new-folder);
}

.jp-NotTrustedIcon {
  background-image: var(--jp-icon-not-trusted);
}

.jp-NotebookIcon {
  background-image: var(--jp-icon-notebook);
}

.jp-NumberingIcon {
  background-image: var(--jp-icon-numbering);
}

.jp-OfflineBoltIcon {
  background-image: var(--jp-icon-offline-bolt);
}

.jp-PaletteIcon {
  background-image: var(--jp-icon-palette);
}

.jp-PasteIcon {
  background-image: var(--jp-icon-paste);
}

.jp-PdfIcon {
  background-image: var(--jp-icon-pdf);
}

.jp-PythonIcon {
  background-image: var(--jp-icon-python);
}

.jp-RKernelIcon {
  background-image: var(--jp-icon-r-kernel);
}

.jp-ReactIcon {
  background-image: var(--jp-icon-react);
}

.jp-RedoIcon {
  background-image: var(--jp-icon-redo);
}

.jp-RefreshIcon {
  background-image: var(--jp-icon-refresh);
}

.jp-RegexIcon {
  background-image: var(--jp-icon-regex);
}

.jp-RunIcon {
  background-image: var(--jp-icon-run);
}

.jp-RunningIcon {
  background-image: var(--jp-icon-running);
}

.jp-SaveIcon {
  background-image: var(--jp-icon-save);
}

.jp-SearchIcon {
  background-image: var(--jp-icon-search);
}

.jp-SettingsIcon {
  background-image: var(--jp-icon-settings);
}

.jp-ShareIcon {
  background-image: var(--jp-icon-share);
}

.jp-SpreadsheetIcon {
  background-image: var(--jp-icon-spreadsheet);
}

.jp-StopIcon {
  background-image: var(--jp-icon-stop);
}

.jp-TabIcon {
  background-image: var(--jp-icon-tab);
}

.jp-TableRowsIcon {
  background-image: var(--jp-icon-table-rows);
}

.jp-TagIcon {
  background-image: var(--jp-icon-tag);
}

.jp-TerminalIcon {
  background-image: var(--jp-icon-terminal);
}

.jp-TextEditorIcon {
  background-image: var(--jp-icon-text-editor);
}

.jp-TocIcon {
  background-image: var(--jp-icon-toc);
}

.jp-TreeViewIcon {
  background-image: var(--jp-icon-tree-view);
}

.jp-TrustedIcon {
  background-image: var(--jp-icon-trusted);
}

.jp-UndoIcon {
  background-image: var(--jp-icon-undo);
}

.jp-UserIcon {
  background-image: var(--jp-icon-user);
}

.jp-UsersIcon {
  background-image: var(--jp-icon-users);
}

.jp-VegaIcon {
  background-image: var(--jp-icon-vega);
}

.jp-WordIcon {
  background-image: var(--jp-icon-word);
}

.jp-YamlIcon {
  background-image: var(--jp-icon-yaml);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * (DEPRECATED) Support for consuming icons as CSS background images
 */

.jp-Icon,
.jp-MaterialIcon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 16px;
  min-height: 16px;
}

.jp-Icon-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * (DEPRECATED) Support for specific CSS icon sizes
 */

.jp-Icon-16 {
  background-size: 16px;
  min-width: 16px;
  min-height: 16px;
}

.jp-Icon-18 {
  background-size: 18px;
  min-width: 18px;
  min-height: 18px;
}

.jp-Icon-20 {
  background-size: 20px;
  min-width: 20px;
  min-height: 20px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.lm-TabBar .lm-TabBar-addButton {
  align-items: center;
  display: flex;
  padding: 4px;
  padding-bottom: 5px;
  margin-right: 1px;
  background-color: var(--jp-layout-color2);
}

.lm-TabBar .lm-TabBar-addButton:hover {
  background-color: var(--jp-layout-color1);
}

.lm-DockPanel-tabBar .lm-TabBar-tab {
  width: var(--jp-private-horizontal-tab-width);
}

.lm-DockPanel-tabBar .lm-TabBar-content {
  flex: unset;
}

.lm-DockPanel-tabBar[data-orientation='horizontal'] {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * Support for icons as inline SVG HTMLElements
 */

/* recolor the primary elements of an icon */
.jp-icon0[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon1[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon2[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon3[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon4[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon0[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon1[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon2[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon3[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon4[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/* recolor the accent elements of an icon */
.jp-icon-accent0[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-accent1[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-accent2[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-accent3[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-accent4[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-accent0[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-accent1[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-accent2[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-accent3[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-accent4[stroke] {
  stroke: var(--jp-layout-color4);
}

/* set the color of an icon to transparent */
.jp-icon-none[fill] {
  fill: none;
}

.jp-icon-none[stroke] {
  stroke: none;
}

/* brand icon colors. Same for light and dark */
.jp-icon-brand0[fill] {
  fill: var(--jp-brand-color0);
}

.jp-icon-brand1[fill] {
  fill: var(--jp-brand-color1);
}

.jp-icon-brand2[fill] {
  fill: var(--jp-brand-color2);
}

.jp-icon-brand3[fill] {
  fill: var(--jp-brand-color3);
}

.jp-icon-brand4[fill] {
  fill: var(--jp-brand-color4);
}

.jp-icon-brand0[stroke] {
  stroke: var(--jp-brand-color0);
}

.jp-icon-brand1[stroke] {
  stroke: var(--jp-brand-color1);
}

.jp-icon-brand2[stroke] {
  stroke: var(--jp-brand-color2);
}

.jp-icon-brand3[stroke] {
  stroke: var(--jp-brand-color3);
}

.jp-icon-brand4[stroke] {
  stroke: var(--jp-brand-color4);
}

/* warn icon colors. Same for light and dark */
.jp-icon-warn0[fill] {
  fill: var(--jp-warn-color0);
}

.jp-icon-warn1[fill] {
  fill: var(--jp-warn-color1);
}

.jp-icon-warn2[fill] {
  fill: var(--jp-warn-color2);
}

.jp-icon-warn3[fill] {
  fill: var(--jp-warn-color3);
}

.jp-icon-warn0[stroke] {
  stroke: var(--jp-warn-color0);
}

.jp-icon-warn1[stroke] {
  stroke: var(--jp-warn-color1);
}

.jp-icon-warn2[stroke] {
  stroke: var(--jp-warn-color2);
}

.jp-icon-warn3[stroke] {
  stroke: var(--jp-warn-color3);
}

/* icon colors that contrast well with each other and most backgrounds */
.jp-icon-contrast0[fill] {
  fill: var(--jp-icon-contrast-color0);
}

.jp-icon-contrast1[fill] {
  fill: var(--jp-icon-contrast-color1);
}

.jp-icon-contrast2[fill] {
  fill: var(--jp-icon-contrast-color2);
}

.jp-icon-contrast3[fill] {
  fill: var(--jp-icon-contrast-color3);
}

.jp-icon-contrast0[stroke] {
  stroke: var(--jp-icon-contrast-color0);
}

.jp-icon-contrast1[stroke] {
  stroke: var(--jp-icon-contrast-color1);
}

.jp-icon-contrast2[stroke] {
  stroke: var(--jp-icon-contrast-color2);
}

.jp-icon-contrast3[stroke] {
  stroke: var(--jp-icon-contrast-color3);
}

.jp-icon-dot[fill] {
  fill: var(--jp-warn-color0);
}

.jp-jupyter-icon-color[fill] {
  fill: var(--jp-jupyter-icon-color, var(--jp-warn-color0));
}

.jp-notebook-icon-color[fill] {
  fill: var(--jp-notebook-icon-color, var(--jp-warn-color0));
}

.jp-json-icon-color[fill] {
  fill: var(--jp-json-icon-color, var(--jp-warn-color1));
}

.jp-console-icon-color[fill] {
  fill: var(--jp-console-icon-color, white);
}

.jp-console-icon-background-color[fill] {
  fill: var(--jp-console-icon-background-color, var(--jp-brand-color1));
}

.jp-terminal-icon-color[fill] {
  fill: var(--jp-terminal-icon-color, var(--jp-layout-color2));
}

.jp-terminal-icon-background-color[fill] {
  fill: var(
    --jp-terminal-icon-background-color,
    var(--jp-inverse-layout-color2)
  );
}

.jp-text-editor-icon-color[fill] {
  fill: var(--jp-text-editor-icon-color, var(--jp-inverse-layout-color3));
}

.jp-inspector-icon-color[fill] {
  fill: var(--jp-inspector-icon-color, var(--jp-inverse-layout-color3));
}

/* CSS for icons in selected filebrowser listing items */
.jp-DirListing-item.jp-mod-selected .jp-icon-selectable[fill] {
  fill: #fff;
}

.jp-DirListing-item.jp-mod-selected .jp-icon-selectable-inverse[fill] {
  fill: var(--jp-brand-color1);
}

/* stylelint-disable selector-max-class, selector-max-compound-selectors */

/**
* TODO: come up with non css-hack solution for showing the busy icon on top
*  of the close icon
* CSS for complex behavior of close icon of tabs in the main area tabbar
*/
.lm-DockPanel-tabBar
  .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
  > .lm-TabBar-tabCloseIcon
  > :not(:hover)
  > .jp-icon3[fill] {
  fill: none;
}

.lm-DockPanel-tabBar
  .lm-TabBar-tab.lm-mod-closable.jp-mod-dirty
  > .lm-TabBar-tabCloseIcon
  > :not(:hover)
  > .jp-icon-busy[fill] {
  fill: var(--jp-inverse-layout-color3);
}

/* stylelint-enable selector-max-class, selector-max-compound-selectors */

/* CSS for icons in status bar */
#jp-main-statusbar .jp-mod-selected .jp-icon-selectable[fill] {
  fill: #fff;
}

#jp-main-statusbar .jp-mod-selected .jp-icon-selectable-inverse[fill] {
  fill: var(--jp-brand-color1);
}

/* special handling for splash icon CSS. While the theme CSS reloads during
   splash, the splash icon can loose theming. To prevent that, we set a
   default for its color variable */
:root {
  --jp-warn-color0: var(--md-orange-700);
}

/* not sure what to do with this one, used in filebrowser listing */
.jp-DragIcon {
  margin-right: 4px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/**
 * Support for alt colors for icons as inline SVG HTMLElements
 */

/* alt recolor the primary elements of an icon */
.jp-icon-alt .jp-icon0[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-alt .jp-icon1[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-alt .jp-icon2[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-alt .jp-icon3[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-alt .jp-icon4[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-alt .jp-icon0[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-alt .jp-icon1[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-alt .jp-icon2[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-alt .jp-icon3[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-alt .jp-icon4[stroke] {
  stroke: var(--jp-layout-color4);
}

/* alt recolor the accent elements of an icon */
.jp-icon-alt .jp-icon-accent0[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-alt .jp-icon-accent1[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-alt .jp-icon-accent2[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-alt .jp-icon-accent3[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-alt .jp-icon-accent4[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-alt .jp-icon-accent0[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-alt .jp-icon-accent1[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-alt .jp-icon-accent2[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-alt .jp-icon-accent3[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-alt .jp-icon-accent4[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-icon-hoverShow:not(:hover) .jp-icon-hoverShow-content {
  display: none !important;
}

/**
 * Support for hover colors for icons as inline SVG HTMLElements
 */

/**
 * regular colors
 */

/* recolor the primary elements of an icon */
.jp-icon-hover :hover .jp-icon0-hover[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-hover :hover .jp-icon1-hover[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-hover :hover .jp-icon2-hover[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-hover :hover .jp-icon3-hover[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-hover :hover .jp-icon4-hover[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-hover :hover .jp-icon0-hover[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-hover :hover .jp-icon1-hover[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-hover :hover .jp-icon2-hover[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-hover :hover .jp-icon3-hover[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-hover :hover .jp-icon4-hover[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/* recolor the accent elements of an icon */
.jp-icon-hover :hover .jp-icon-accent0-hover[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-hover :hover .jp-icon-accent1-hover[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-hover :hover .jp-icon-accent2-hover[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-hover :hover .jp-icon-accent3-hover[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-hover :hover .jp-icon-accent4-hover[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-hover :hover .jp-icon-accent0-hover[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-hover :hover .jp-icon-accent1-hover[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-hover :hover .jp-icon-accent2-hover[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-hover :hover .jp-icon-accent3-hover[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-hover :hover .jp-icon-accent4-hover[stroke] {
  stroke: var(--jp-layout-color4);
}

/* set the color of an icon to transparent */
.jp-icon-hover :hover .jp-icon-none-hover[fill] {
  fill: none;
}

.jp-icon-hover :hover .jp-icon-none-hover[stroke] {
  stroke: none;
}

/**
 * inverse colors
 */

/* inverse recolor the primary elements of an icon */
.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[fill] {
  fill: var(--jp-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[fill] {
  fill: var(--jp-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[fill] {
  fill: var(--jp-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[fill] {
  fill: var(--jp-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[fill] {
  fill: var(--jp-layout-color4);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon0-hover[stroke] {
  stroke: var(--jp-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon1-hover[stroke] {
  stroke: var(--jp-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon2-hover[stroke] {
  stroke: var(--jp-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon3-hover[stroke] {
  stroke: var(--jp-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon4-hover[stroke] {
  stroke: var(--jp-layout-color4);
}

/* inverse recolor the accent elements of an icon */
.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[fill] {
  fill: var(--jp-inverse-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[fill] {
  fill: var(--jp-inverse-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[fill] {
  fill: var(--jp-inverse-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[fill] {
  fill: var(--jp-inverse-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[fill] {
  fill: var(--jp-inverse-layout-color4);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent0-hover[stroke] {
  stroke: var(--jp-inverse-layout-color0);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent1-hover[stroke] {
  stroke: var(--jp-inverse-layout-color1);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent2-hover[stroke] {
  stroke: var(--jp-inverse-layout-color2);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent3-hover[stroke] {
  stroke: var(--jp-inverse-layout-color3);
}

.jp-icon-hover.jp-icon-alt :hover .jp-icon-accent4-hover[stroke] {
  stroke: var(--jp-inverse-layout-color4);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-IFrame {
  width: 100%;
  height: 100%;
}

.jp-IFrame > iframe {
  border: none;
}

/*
When drag events occur, `lm-mod-override-cursor` is added to the body.
Because iframes steal all cursor events, the following two rules are necessary
to suppress pointer events while resize drags are occurring. There may be a
better solution to this problem.
*/
body.lm-mod-override-cursor .jp-IFrame {
  position: relative;
}

body.lm-mod-override-cursor .jp-IFrame::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-HoverBox {
  position: fixed;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-FormGroup-content fieldset {
  border: none;
  padding: 0;
  min-width: 0;
  width: 100%;
}

/* stylelint-disable selector-max-type */

.jp-FormGroup-content fieldset .jp-inputFieldWrapper input,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper select,
.jp-FormGroup-content fieldset .jp-inputFieldWrapper textarea {
  font-size: var(--jp-content-font-size2);
  border-color: var(--jp-input-border-color);
  border-style: solid;
  border-radius: var(--jp-border-radius);
  border-width: 1px;
  padding: 6px 8px;
  background: none;
  color: var(--jp-ui-font-color0);
  height: inherit;
}

.jp-FormGroup-content fieldset input[type='checkbox'] {
  position: relative;
  top: 2px;
  margin-left: 0;
}

.jp-FormGroup-content button.jp-mod-styled {
  cursor: pointer;
}

.jp-FormGroup-content .checkbox label {
  cursor: pointer;
  font-size: var(--jp-content-font-size1);
}

.jp-FormGroup-content .jp-root > fieldset > legend {
  display: none;
}

.jp-FormGroup-content .jp-root > fieldset > p {
  display: none;
}

/** copy of `input.jp-mod-styled:focus` style */
.jp-FormGroup-content fieldset input:focus,
.jp-FormGroup-content fieldset select:focus {
  -moz-outline-radius: unset;
  outline: var(--jp-border-width) solid var(--md-blue-500);
  outline-offset: -1px;
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-FormGroup-content fieldset input:hover:not(:focus),
.jp-FormGroup-content fieldset select:hover:not(:focus) {
  background-color: var(--jp-border-color2);
}

/* stylelint-enable selector-max-type */

.jp-FormGroup-content .checkbox .field-description {
  /* Disable default description field for checkbox:
   because other widgets do not have description fields,
   we add descriptions to each widget on the field level.
  */
  display: none;
}

.jp-FormGroup-content #root__description {
  display: none;
}

.jp-FormGroup-content .jp-modifiedIndicator {
  width: 5px;
  background-color: var(--jp-brand-color2);
  margin-top: 0;
  margin-left: calc(var(--jp-private-settingeditor-modifier-indent) * -1);
  flex-shrink: 0;
}

.jp-FormGroup-content .jp-modifiedIndicator.jp-errorIndicator {
  background-color: var(--jp-error-color0);
  margin-right: 0.5em;
}

/* RJSF ARRAY style */

.jp-arrayFieldWrapper legend {
  font-size: var(--jp-content-font-size2);
  color: var(--jp-ui-font-color0);
  flex-basis: 100%;
  padding: 4px 0;
  font-weight: var(--jp-content-heading-font-weight);
  border-bottom: 1px solid var(--jp-border-color2);
}

.jp-arrayFieldWrapper .field-description {
  padding: 4px 0;
  white-space: pre-wrap;
}

.jp-arrayFieldWrapper .array-item {
  width: 100%;
  border: 1px solid var(--jp-border-color2);
  border-radius: 4px;
  margin: 4px;
}

.jp-ArrayOperations {
  display: flex;
  margin-left: 8px;
}

.jp-ArrayOperationsButton {
  margin: 2px;
}

.jp-ArrayOperationsButton .jp-icon3[fill] {
  fill: var(--jp-ui-font-color0);
}

button.jp-ArrayOperationsButton.jp-mod-styled:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* RJSF form validation error */

.jp-FormGroup-content .validationErrors {
  color: var(--jp-error-color0);
}

/* Hide panel level error as duplicated the field level error */
.jp-FormGroup-content .panel.errors {
  display: none;
}

/* RJSF normal content (settings-editor) */

.jp-FormGroup-contentNormal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-FormGroup-contentItem {
  margin-left: 7px;
  color: var(--jp-ui-font-color0);
}

.jp-FormGroup-contentNormal .jp-FormGroup-description {
  flex-basis: 100%;
  padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-default {
  flex-basis: 100%;
  padding: 4px 7px;
}

.jp-FormGroup-contentNormal .jp-FormGroup-fieldLabel {
  font-size: var(--jp-content-font-size1);
  font-weight: normal;
  min-width: 120px;
}

.jp-FormGroup-contentNormal fieldset:not(:first-child) {
  margin-left: 7px;
}

.jp-FormGroup-contentNormal .field-array-of-string .array-item {
  /* Display `jp-ArrayOperations` buttons side-by-side with content except
    for small screens where flex-wrap will place them one below the other.
  */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.jp-FormGroup-contentNormal .jp-objectFieldWrapper .form-group {
  padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
  margin-top: 2px;
}

/* RJSF compact content (metadata-form) */

.jp-FormGroup-content.jp-FormGroup-contentCompact {
  width: 100%;
}

.jp-FormGroup-contentCompact .form-group {
  display: flex;
  padding: 0.5em 0.2em 0.5em 0;
}

.jp-FormGroup-contentCompact
  .jp-FormGroup-compactTitle
  .jp-FormGroup-description {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color2);
}

.jp-FormGroup-contentCompact .jp-FormGroup-fieldLabel {
  padding-bottom: 0.3em;
}

.jp-FormGroup-contentCompact .jp-inputFieldWrapper .form-control {
  width: 100%;
  box-sizing: border-box;
}

.jp-FormGroup-contentCompact .jp-arrayFieldWrapper .jp-FormGroup-compactTitle {
  padding-bottom: 7px;
}

.jp-FormGroup-contentCompact
  .jp-objectFieldWrapper
  .jp-objectFieldWrapper
  .form-group {
  padding: 2px 8px 2px var(--jp-private-settingeditor-modifier-indent);
  margin-top: 2px;
}

.jp-FormGroup-contentCompact ul.error-detail {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  padding-inline-start: 1em;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-SidePanel {
  display: flex;
  flex-direction: column;
  min-width: var(--jp-sidebar-min-width);
  overflow-y: auto;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);
  font-size: var(--jp-ui-font-size1);
}

.jp-SidePanel-header {
  flex: 0 0 auto;
  display: flex;
  border-bottom: var(--jp-border-width) solid var(--jp-border-color2);
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  letter-spacing: 1px;
  margin: 0;
  padding: 2px;
  text-transform: uppercase;
}

.jp-SidePanel-toolbar {
  flex: 0 0 auto;
}

.jp-SidePanel-content {
  flex: 1 1 auto;
}

.jp-SidePanel-toolbar,
.jp-AccordionPanel-toolbar {
  height: var(--jp-private-toolbar-height);
}

.jp-SidePanel-toolbar.jp-Toolbar-micro {
  display: none;
}

.lm-AccordionPanel .jp-AccordionPanel-title {
  box-sizing: border-box;
  line-height: 25px;
  margin: 0;
  display: flex;
  align-items: center;
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  font-size: var(--jp-ui-font-size0);
}

.jp-AccordionPanel-title {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-transform: uppercase;
}

.lm-AccordionPanel[data-orientation='horizontal'] > .jp-AccordionPanel-title {
  /* Title is rotated for horizontal accordion panel using CSS */
  display: block;
  transform-origin: top left;
  transform: rotate(-90deg) translate(-100%);
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleLabel {
  user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.jp-AccordionPanel-title .lm-AccordionPanel-titleCollapser {
  transform: rotate(-90deg);
  margin: auto 0;
  height: 16px;
}

.jp-AccordionPanel-title.lm-mod-expanded .lm-AccordionPanel-titleCollapser {
  transform: rotate(0deg);
}

.lm-AccordionPanel .jp-AccordionPanel-toolbar {
  background: none;
  box-shadow: none;
  border: none;
  margin-left: auto;
}

.lm-AccordionPanel .lm-SplitPanel-handle:hover {
  background: var(--jp-layout-color3);
}

.jp-text-truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Spinner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--jp-layout-color0);
  outline: none;
}

.jp-SpinnerContent {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: var(--jp-brand-color3);
  background: linear-gradient(
    to right,
    #f37626 10%,
    rgba(255, 255, 255, 0) 42%
  );
  position: relative;
  animation: load3 1s infinite linear, fadeIn 1s;
}

.jp-SpinnerContent::before {
  width: 50%;
  height: 50%;
  background: #f37626;
  border-radius: 100% 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.jp-SpinnerContent::after {
  background: var(--jp-layout-color0);
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

button.jp-mod-styled {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  border: none;
  box-sizing: border-box;
  text-align: center;
  line-height: 32px;
  height: 32px;
  padding: 0 12px;
  letter-spacing: 0.8px;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input.jp-mod-styled {
  background: var(--jp-input-background);
  height: 28px;
  box-sizing: border-box;
  border: var(--jp-border-width) solid var(--jp-border-color1);
  padding-left: 7px;
  padding-right: 7px;
  font-size: var(--jp-ui-font-size2);
  color: var(--jp-ui-font-color0);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='checkbox'].jp-mod-styled {
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  height: auto;
}

input.jp-mod-styled:focus {
  border: var(--jp-border-width) solid var(--md-blue-500);
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-select-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 1px;
  background-color: var(--jp-layout-color1);
  box-sizing: border-box;
  margin-bottom: 12px;
}

.jp-select-wrapper:not(.multiple) {
  height: 28px;
}

.jp-select-wrapper.jp-mod-focused select.jp-mod-styled {
  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
  background-color: var(--jp-input-active-background);
}

select.jp-mod-styled:hover {
  cursor: pointer;
  color: var(--jp-ui-font-color0);
  background-color: var(--jp-input-hover-background);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

select.jp-mod-styled {
  flex: 1 1 auto;
  width: 100%;
  font-size: var(--jp-ui-font-size2);
  background: var(--jp-input-background);
  color: var(--jp-ui-font-color0);
  padding: 0 25px 0 8px;
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  border-radius: 0;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.jp-mod-styled:not([multiple]) {
  height: 32px;
}

select.jp-mod-styled[multiple] {
  max-height: 200px;
  overflow-y: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-switch {
  display: flex;
  align-items: center;
  padding-left: 4px;
  padding-right: 4px;
  font-size: var(--jp-ui-font-size1);
  background-color: transparent;
  color: var(--jp-ui-font-color1);
  border: none;
  height: 20px;
}

.jp-switch:hover {
  background-color: var(--jp-layout-color2);
}

.jp-switch-label {
  margin-right: 5px;
  font-family: var(--jp-ui-font-family);
}

.jp-switch-track {
  cursor: pointer;
  background-color: var(--jp-switch-color, var(--jp-border-color1));
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
  height: 16px;
  width: 35px;
  position: relative;
}

.jp-switch-track::before {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  margin: 3px;
  left: 0;
  background-color: var(--jp-ui-inverse-font-color1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}

.jp-switch[aria-checked='true'] .jp-switch-track {
  background-color: var(--jp-switch-true-position-color, var(--jp-warn-color0));
}

.jp-switch[aria-checked='true'] .jp-switch-track::before {
  /* track width (35) - margins (3 + 3) - thumb width (10) */
  left: 19px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

:root {
  --jp-private-toolbar-height: calc(
    28px + var(--jp-border-width)
  ); /* leave 28px for content */
}

.jp-Toolbar {
  color: var(--jp-ui-font-color1);
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  background: var(--jp-toolbar-background);
  min-height: var(--jp-toolbar-micro-height);
  padding: 2px;
  z-index: 8;
  overflow-x: hidden;
}

/* Toolbar items */

.jp-Toolbar > .jp-Toolbar-item.jp-Toolbar-spacer {
  flex-grow: 1;
  flex-shrink: 1;
}

.jp-Toolbar-item.jp-Toolbar-kernelStatus {
  display: inline-block;
  width: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.jp-Toolbar > .jp-Toolbar-item {
  flex: 0 0 auto;
  display: flex;
  padding-left: 1px;
  padding-right: 1px;
  font-size: var(--jp-ui-font-size1);
  line-height: var(--jp-private-toolbar-height);
  height: 100%;
}

/* Toolbar buttons */

/* This is the div we use to wrap the react component into a Widget */
div.jp-ToolbarButton {
  color: transparent;
  border: none;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0;
  margin: 0;
}

button.jp-ToolbarButtonComponent {
  background: var(--jp-layout-color1);
  border: none;
  box-sizing: border-box;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 6px;
  margin: 0;
  height: 24px;
  border-radius: var(--jp-border-radius);
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 14px;
  min-width: unset;
  min-height: unset;
}

button.jp-ToolbarButtonComponent:disabled {
  opacity: 0.4;
}

button.jp-ToolbarButtonComponent > span {
  padding: 0;
  flex: 0 0 auto;
}

button.jp-ToolbarButtonComponent .jp-ToolbarButtonComponent-label {
  font-size: var(--jp-ui-font-size1);
  line-height: 100%;
  padding-left: 2px;
  color: var(--jp-ui-font-color1);
  font-family: var(--jp-ui-font-family);
}

#jp-main-dock-panel[data-mode='single-document']
  .jp-MainAreaWidget
  > .jp-Toolbar.jp-Toolbar-micro {
  padding: 0;
  min-height: 0;
}

#jp-main-dock-panel[data-mode='single-document']
  .jp-MainAreaWidget
  > .jp-Toolbar {
  border: none;
  box-shadow: none;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-WindowedPanel-outer {
  position: relative;
  overflow-y: auto;
}

.jp-WindowedPanel-inner {
  position: relative;
}

.jp-WindowedPanel-window {
  position: absolute;
  left: 0;
  right: 0;
  overflow: visible;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/* Sibling imports */

body {
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
}

/* Disable native link decoration styles everywhere outside of dialog boxes */
a {
  text-decoration: unset;
  color: unset;
}

a:hover {
  text-decoration: unset;
  color: unset;
}

/* Accessibility for links inside dialog box text */
.jp-Dialog-content a {
  text-decoration: revert;
  color: var(--jp-content-link-color);
}

.jp-Dialog-content a:hover {
  text-decoration: revert;
}

/* Styles for ui-components */
.jp-Button {
  color: var(--jp-ui-font-color2);
  border-radius: var(--jp-border-radius);
  padding: 0 12px;
  font-size: var(--jp-ui-font-size1);

  /* Copy from blueprint 3 */
  display: inline-flex;
  flex-direction: row;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: left;
  vertical-align: middle;
  min-height: 30px;
  min-width: 30px;
}

.jp-Button:disabled {
  cursor: not-allowed;
}

.jp-Button:empty {
  padding: 0 !important;
}

.jp-Button.jp-mod-small {
  min-height: 24px;
  min-width: 24px;
  font-size: 12px;
  padding: 0 7px;
}

/* Use our own theme for hover styles */
.jp-Button.jp-mod-minimal:hover {
  background-color: var(--jp-layout-color2);
}

.jp-Button.jp-mod-minimal {
  background: none;
}

.jp-InputGroup {
  display: block;
  position: relative;
}

.jp-InputGroup input {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: var(--jp-ui-font-color0);
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 28px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  line-height: 30px;
  outline: none;
  vertical-align: middle;
}

.jp-InputGroup input:focus {
  box-shadow: inset 0 0 0 var(--jp-border-width)
      var(--jp-input-active-box-shadow-color),
    inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}

.jp-InputGroup input:disabled {
  cursor: not-allowed;
  resize: block;
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color2);
}

.jp-InputGroup input:disabled ~ span {
  cursor: not-allowed;
  color: var(--jp-ui-font-color2);
}

.jp-InputGroup input::placeholder,
input::placeholder {
  color: var(--jp-ui-font-color2);
}

.jp-InputGroupAction {
  position: absolute;
  bottom: 1px;
  right: 0;
  padding: 6px;
}

.jp-HTMLSelect.jp-DefaultStyle select {
  background-color: initial;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--jp-ui-font-color0);
  display: block;
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  height: 24px;
  line-height: 14px;
  padding: 0 25px 0 10px;
  text-align: left;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled {
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color2);
  cursor: not-allowed;
  resize: block;
}

.jp-HTMLSelect.jp-DefaultStyle select:disabled ~ span {
  cursor: not-allowed;
}

/* Use our own theme for hover and option styles */
/* stylelint-disable-next-line selector-max-type */
.jp-HTMLSelect.jp-DefaultStyle select:hover,
.jp-HTMLSelect.jp-DefaultStyle select > option {
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color0);
}

select {
  box-sizing: border-box;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-StatusBar-Widget {
  display: flex;
  align-items: center;
  background: var(--jp-layout-color2);
  min-height: var(--jp-statusbar-height);
  justify-content: space-between;
  padding: 0 10px;
}

.jp-StatusBar-Left {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jp-StatusBar-Middle {
  display: flex;
  align-items: center;
}

.jp-StatusBar-Right {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.jp-StatusBar-Item {
  max-height: var(--jp-statusbar-height);
  margin: 0 2px;
  height: var(--jp-statusbar-height);
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--jp-ui-font-color1);
  padding: 0 6px;
}

.jp-mod-highlighted:hover {
  background-color: var(--jp-layout-color3);
}

.jp-mod-clicked {
  background-color: var(--jp-brand-color1);
}

.jp-mod-clicked:hover {
  background-color: var(--jp-brand-color0);
}

.jp-mod-clicked .jp-StatusBar-TextItem {
  color: var(--jp-ui-inverse-font-color1);
}

.jp-StatusBar-HoverItem {
  box-shadow: '0px 4px 4px rgba(0, 0, 0, 0.25)';
}

.jp-StatusBar-TextItem {
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  line-height: 24px;
  color: var(--jp-ui-font-color1);
}

.jp-StatusBar-GroupItem {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.jp-Statusbar-ProgressCircle svg {
  display: block;
  margin: 0 auto;
  width: 16px;
  height: 24px;
  align-self: normal;
}

.jp-Statusbar-ProgressCircle path {
  fill: var(--jp-inverse-layout-color3);
}

.jp-Statusbar-ProgressBar-progress-bar {
  height: 10px;
  width: 100px;
  border: solid 0.25px var(--jp-brand-color2);
  border-radius: 3px;
  overflow: hidden;
  align-self: center;
}

.jp-Statusbar-ProgressBar-progress-bar > div {
  background-color: var(--jp-brand-color2);
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  text-align: center;
  animation: jp-Statusbar-ExecutionTime-progress-bar 2s linear infinite;
}

.jp-Statusbar-ProgressBar-progress-bar p {
  color: var(--jp-ui-font-color1);
  font-family: var(--jp-ui-font-family);
  font-size: var(--jp-ui-font-size1);
  line-height: 10px;
  width: 100px;
}

@keyframes jp-Statusbar-ExecutionTime-progress-bar {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 40px 40px;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-commandpalette-search-height: 28px;
}

/*-----------------------------------------------------------------------------
| Overall styles
|----------------------------------------------------------------------------*/

.lm-CommandPalette {
  padding-bottom: 0;
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);

  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
}

/*-----------------------------------------------------------------------------
| Modal variant
|----------------------------------------------------------------------------*/

.jp-ModalCommandPalette {
  position: absolute;
  z-index: 10000;
  top: 38px;
  left: 30%;
  margin: 0;
  padding: 4px;
  width: 40%;
  box-shadow: var(--jp-elevation-z4);
  border-radius: 4px;
  background: var(--jp-layout-color0);
}

.jp-ModalCommandPalette .lm-CommandPalette {
  max-height: 40vh;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-close-icon::after {
  display: none;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-header {
  display: none;
}

.jp-ModalCommandPalette .lm-CommandPalette .lm-CommandPalette-item {
  margin-left: 4px;
  margin-right: 4px;
}

.jp-ModalCommandPalette
  .lm-CommandPalette
  .lm-CommandPalette-item.lm-mod-disabled {
  display: none;
}

/*-----------------------------------------------------------------------------
| Search
|----------------------------------------------------------------------------*/

.lm-CommandPalette-search {
  padding: 4px;
  background-color: var(--jp-layout-color1);
  z-index: 2;
}

.lm-CommandPalette-wrapper {
  overflow: overlay;
  padding: 0 9px;
  background-color: var(--jp-input-active-background);
  height: 30px;
  box-shadow: inset 0 0 0 var(--jp-border-width) var(--jp-input-border-color);
}

.lm-CommandPalette.lm-mod-focused .lm-CommandPalette-wrapper {
  box-shadow: inset 0 0 0 1px var(--jp-input-active-box-shadow-color),
    inset 0 0 0 3px var(--jp-input-active-box-shadow-color);
}

.jp-SearchIconGroup {
  color: white;
  background-color: var(--jp-brand-color1);
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 5px 5px 1px;
}

.jp-SearchIconGroup svg {
  height: 20px;
  width: 20px;
}

.jp-SearchIconGroup .jp-icon3[fill] {
  fill: var(--jp-layout-color0);
}

.lm-CommandPalette-input {
  background: transparent;
  width: calc(100% - 18px);
  float: left;
  border: none;
  outline: none;
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  line-height: var(--jp-private-commandpalette-search-height);
}

.lm-CommandPalette-input::-webkit-input-placeholder,
.lm-CommandPalette-input::-moz-placeholder,
.lm-CommandPalette-input:-ms-input-placeholder {
  color: var(--jp-ui-font-color2);
  font-size: var(--jp-ui-font-size1);
}

/*-----------------------------------------------------------------------------
| Results
|----------------------------------------------------------------------------*/

.lm-CommandPalette-header:first-child {
  margin-top: 0;
}

.lm-CommandPalette-header {
  border-bottom: solid var(--jp-border-width) var(--jp-border-color2);
  color: var(--jp-ui-font-color1);
  cursor: pointer;
  display: flex;
  font-size: var(--jp-ui-font-size0);
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 8px;
  padding: 8px 0 8px 12px;
  text-transform: uppercase;
}

.lm-CommandPalette-header.lm-mod-active {
  background: var(--jp-layout-color2);
}

.lm-CommandPalette-header > mark {
  background-color: transparent;
  font-weight: bold;
  color: var(--jp-ui-font-color1);
}

.lm-CommandPalette-item {
  padding: 4px 12px 4px 4px;
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  font-weight: 400;
  display: flex;
}

.lm-CommandPalette-item.lm-mod-disabled {
  color: var(--jp-ui-font-color2);
}

.lm-CommandPalette-item.lm-mod-active {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.lm-CommandPalette-item.lm-mod-active .lm-CommandPalette-itemLabel > mark {
  color: var(--jp-ui-inverse-font-color0);
}

.lm-CommandPalette-item.lm-mod-active .jp-icon-selectable[fill] {
  fill: var(--jp-layout-color0);
}

.lm-CommandPalette-item.lm-mod-active:hover:not(.lm-mod-disabled) {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.lm-CommandPalette-item:hover:not(.lm-mod-active):not(.lm-mod-disabled) {
  background: var(--jp-layout-color2);
}

.lm-CommandPalette-itemContent {
  overflow: hidden;
}

.lm-CommandPalette-itemLabel > mark {
  color: var(--jp-ui-font-color0);
  background-color: transparent;
  font-weight: bold;
}

.lm-CommandPalette-item.lm-mod-disabled mark {
  color: var(--jp-ui-font-color2);
}

.lm-CommandPalette-item .lm-CommandPalette-itemIcon {
  margin: 0 4px 0 0;
  position: relative;
  width: 16px;
  top: 2px;
  flex: 0 0 auto;
}

.lm-CommandPalette-item.lm-mod-disabled .lm-CommandPalette-itemIcon {
  opacity: 0.6;
}

.lm-CommandPalette-item .lm-CommandPalette-itemShortcut {
  flex: 0 0 auto;
}

.lm-CommandPalette-itemCaption {
  display: none;
}

.lm-CommandPalette-content {
  background-color: var(--jp-layout-color1);
}

.lm-CommandPalette-content:empty::after {
  content: 'No results';
  margin: auto;
  margin-top: 20px;
  width: 100px;
  display: block;
  font-size: var(--jp-ui-font-size2);
  font-family: var(--jp-ui-font-family);
  font-weight: lighter;
}

.lm-CommandPalette-emptyMessage {
  text-align: center;
  margin-top: 24px;
  line-height: 1.32;
  padding: 0 8px;
  color: var(--jp-content-font-color3);
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Dialog {
  position: absolute;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: var(--jp-dialog-background);
}

.jp-Dialog-content {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  background: var(--jp-layout-color1);
  padding: 24px 24px 12px;
  min-width: 300px;
  min-height: 150px;
  max-width: 1000px;
  max-height: 500px;
  box-sizing: border-box;
  box-shadow: var(--jp-elevation-z20);
  word-wrap: break-word;
  border-radius: var(--jp-border-radius);

  /* This is needed so that all font sizing of children done in ems is
   * relative to this base size */
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color1);
  resize: both;
}

.jp-Dialog-content.jp-Dialog-content-small {
  max-width: 500px;
}

.jp-Dialog-button {
  overflow: visible;
}

button.jp-Dialog-button:focus {
  outline: 1px solid var(--jp-brand-color1);
  outline-offset: 4px;
  -moz-outline-radius: 0;
}

button.jp-Dialog-button:focus::-moz-focus-inner {
  border: 0;
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus,
button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
  outline-offset: 4px;
  -moz-outline-radius: 0;
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-accept:focus {
  outline: 1px solid var(--jp-accept-color-normal, var(--jp-brand-color1));
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-warn:focus {
  outline: 1px solid var(--jp-warn-color-normal, var(--jp-error-color1));
}

button.jp-Dialog-button.jp-mod-styled.jp-mod-reject:focus {
  outline: 1px solid var(--jp-reject-color-normal, var(--md-grey-600));
}

button.jp-Dialog-close-button {
  padding: 0;
  height: 100%;
  min-width: unset;
  min-height: unset;
}

.jp-Dialog-header {
  display: flex;
  justify-content: space-between;
  flex: 0 0 auto;
  padding-bottom: 12px;
  font-size: var(--jp-ui-font-size3);
  font-weight: 400;
  color: var(--jp-ui-font-color1);
}

.jp-Dialog-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  font-size: var(--jp-ui-font-size1);
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  overflow: auto;
}

.jp-Dialog-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  margin-left: -12px;
  margin-right: -12px;
  padding: 12px;
}

.jp-Dialog-checkbox {
  padding-right: 5px;
}

.jp-Dialog-checkbox > input:focus-visible {
  outline: 1px solid var(--jp-input-active-border-color);
  outline-offset: 1px;
}

.jp-Dialog-spacer {
  flex: 1 1 auto;
}

.jp-Dialog-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jp-Dialog-body > .jp-select-wrapper {
  width: 100%;
}

.jp-Dialog-body > button {
  padding: 0 16px;
}

.jp-Dialog-body > label {
  line-height: 1.4;
  color: var(--jp-ui-font-color0);
}

.jp-Dialog-button.jp-mod-styled:not(:last-child) {
  margin-right: 12px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-Input-Boolean-Dialog {
  flex-direction: row-reverse;
  align-items: end;
  width: 100%;
}

.jp-Input-Boolean-Dialog > label {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-MainAreaWidget > :focus {
  outline: none;
}

.jp-MainAreaWidget .jp-MainAreaWidget-error {
  padding: 6px;
}

.jp-MainAreaWidget .jp-MainAreaWidget-error > pre {
  width: auto;
  padding: 10px;
  background: var(--jp-error-color3);
  border: var(--jp-border-width) solid var(--jp-error-color1);
  border-radius: var(--jp-border-radius);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/**
 * google-material-color v1.2.6
 * https://github.com/danlevan/google-material-color
 */
:root {
  --md-red-50: #ffebee;
  --md-red-100: #ffcdd2;
  --md-red-200: #ef9a9a;
  --md-red-300: #e57373;
  --md-red-400: #ef5350;
  --md-red-500: #f44336;
  --md-red-600: #e53935;
  --md-red-700: #d32f2f;
  --md-red-800: #c62828;
  --md-red-900: #b71c1c;
  --md-red-A100: #ff8a80;
  --md-red-A200: #ff5252;
  --md-red-A400: #ff1744;
  --md-red-A700: #d50000;
  --md-pink-50: #fce4ec;
  --md-pink-100: #f8bbd0;
  --md-pink-200: #f48fb1;
  --md-pink-300: #f06292;
  --md-pink-400: #ec407a;
  --md-pink-500: #e91e63;
  --md-pink-600: #d81b60;
  --md-pink-700: #c2185b;
  --md-pink-800: #ad1457;
  --md-pink-900: #880e4f;
  --md-pink-A100: #ff80ab;
  --md-pink-A200: #ff4081;
  --md-pink-A400: #f50057;
  --md-pink-A700: #c51162;
  --md-purple-50: #f3e5f5;
  --md-purple-100: #e1bee7;
  --md-purple-200: #ce93d8;
  --md-purple-300: #ba68c8;
  --md-purple-400: #ab47bc;
  --md-purple-500: #9c27b0;
  --md-purple-600: #8e24aa;
  --md-purple-700: #7b1fa2;
  --md-purple-800: #6a1b9a;
  --md-purple-900: #4a148c;
  --md-purple-A100: #ea80fc;
  --md-purple-A200: #e040fb;
  --md-purple-A400: #d500f9;
  --md-purple-A700: #a0f;
  --md-deep-purple-50: #ede7f6;
  --md-deep-purple-100: #d1c4e9;
  --md-deep-purple-200: #b39ddb;
  --md-deep-purple-300: #9575cd;
  --md-deep-purple-400: #7e57c2;
  --md-deep-purple-500: #673ab7;
  --md-deep-purple-600: #5e35b1;
  --md-deep-purple-700: #512da8;
  --md-deep-purple-800: #4527a0;
  --md-deep-purple-900: #311b92;
  --md-deep-purple-A100: #b388ff;
  --md-deep-purple-A200: #7c4dff;
  --md-deep-purple-A400: #651fff;
  --md-deep-purple-A700: #6200ea;
  --md-indigo-50: #e8eaf6;
  --md-indigo-100: #c5cae9;
  --md-indigo-200: #9fa8da;
  --md-indigo-300: #7986cb;
  --md-indigo-400: #5c6bc0;
  --md-indigo-500: #3f51b5;
  --md-indigo-600: #3949ab;
  --md-indigo-700: #303f9f;
  --md-indigo-800: #283593;
  --md-indigo-900: #1a237e;
  --md-indigo-A100: #8c9eff;
  --md-indigo-A200: #536dfe;
  --md-indigo-A400: #3d5afe;
  --md-indigo-A700: #304ffe;
  --md-blue-50: #e3f2fd;
  --md-blue-100: #bbdefb;
  --md-blue-200: #90caf9;
  --md-blue-300: #64b5f6;
  --md-blue-400: #42a5f5;
  --md-blue-500: #2196f3;
  --md-blue-600: #1e88e5;
  --md-blue-700: #1976d2;
  --md-blue-800: #1565c0;
  --md-blue-900: #0d47a1;
  --md-blue-A100: #82b1ff;
  --md-blue-A200: #448aff;
  --md-blue-A400: #2979ff;
  --md-blue-A700: #2962ff;
  --md-light-blue-50: #e1f5fe;
  --md-light-blue-100: #b3e5fc;
  --md-light-blue-200: #81d4fa;
  --md-light-blue-300: #4fc3f7;
  --md-light-blue-400: #29b6f6;
  --md-light-blue-500: #03a9f4;
  --md-light-blue-600: #039be5;
  --md-light-blue-700: #0288d1;
  --md-light-blue-800: #0277bd;
  --md-light-blue-900: #01579b;
  --md-light-blue-A100: #80d8ff;
  --md-light-blue-A200: #40c4ff;
  --md-light-blue-A400: #00b0ff;
  --md-light-blue-A700: #0091ea;
  --md-cyan-50: #e0f7fa;
  --md-cyan-100: #b2ebf2;
  --md-cyan-200: #80deea;
  --md-cyan-300: #4dd0e1;
  --md-cyan-400: #26c6da;
  --md-cyan-500: #00bcd4;
  --md-cyan-600: #00acc1;
  --md-cyan-700: #0097a7;
  --md-cyan-800: #00838f;
  --md-cyan-900: #006064;
  --md-cyan-A100: #84ffff;
  --md-cyan-A200: #18ffff;
  --md-cyan-A400: #00e5ff;
  --md-cyan-A700: #00b8d4;
  --md-teal-50: #e0f2f1;
  --md-teal-100: #b2dfdb;
  --md-teal-200: #80cbc4;
  --md-teal-300: #4db6ac;
  --md-teal-400: #26a69a;
  --md-teal-500: #009688;
  --md-teal-600: #00897b;
  --md-teal-700: #00796b;
  --md-teal-800: #00695c;
  --md-teal-900: #004d40;
  --md-teal-A100: #a7ffeb;
  --md-teal-A200: #64ffda;
  --md-teal-A400: #1de9b6;
  --md-teal-A700: #00bfa5;
  --md-green-50: #e8f5e9;
  --md-green-100: #c8e6c9;
  --md-green-200: #a5d6a7;
  --md-green-300: #81c784;
  --md-green-400: #66bb6a;
  --md-green-500: #4caf50;
  --md-green-600: #43a047;
  --md-green-700: #388e3c;
  --md-green-800: #2e7d32;
  --md-green-900: #1b5e20;
  --md-green-A100: #b9f6ca;
  --md-green-A200: #69f0ae;
  --md-green-A400: #00e676;
  --md-green-A700: #00c853;
  --md-light-green-50: #f1f8e9;
  --md-light-green-100: #dcedc8;
  --md-light-green-200: #c5e1a5;
  --md-light-green-300: #aed581;
  --md-light-green-400: #9ccc65;
  --md-light-green-500: #8bc34a;
  --md-light-green-600: #7cb342;
  --md-light-green-700: #689f38;
  --md-light-green-800: #558b2f;
  --md-light-green-900: #33691e;
  --md-light-green-A100: #ccff90;
  --md-light-green-A200: #b2ff59;
  --md-light-green-A400: #76ff03;
  --md-light-green-A700: #64dd17;
  --md-lime-50: #f9fbe7;
  --md-lime-100: #f0f4c3;
  --md-lime-200: #e6ee9c;
  --md-lime-300: #dce775;
  --md-lime-400: #d4e157;
  --md-lime-500: #cddc39;
  --md-lime-600: #c0ca33;
  --md-lime-700: #afb42b;
  --md-lime-800: #9e9d24;
  --md-lime-900: #827717;
  --md-lime-A100: #f4ff81;
  --md-lime-A200: #eeff41;
  --md-lime-A400: #c6ff00;
  --md-lime-A700: #aeea00;
  --md-yellow-50: #fffde7;
  --md-yellow-100: #fff9c4;
  --md-yellow-200: #fff59d;
  --md-yellow-300: #fff176;
  --md-yellow-400: #ffee58;
  --md-yellow-500: #ffeb3b;
  --md-yellow-600: #fdd835;
  --md-yellow-700: #fbc02d;
  --md-yellow-800: #f9a825;
  --md-yellow-900: #f57f17;
  --md-yellow-A100: #ffff8d;
  --md-yellow-A200: #ff0;
  --md-yellow-A400: #ffea00;
  --md-yellow-A700: #ffd600;
  --md-amber-50: #fff8e1;
  --md-amber-100: #ffecb3;
  --md-amber-200: #ffe082;
  --md-amber-300: #ffd54f;
  --md-amber-400: #ffca28;
  --md-amber-500: #ffc107;
  --md-amber-600: #ffb300;
  --md-amber-700: #ffa000;
  --md-amber-800: #ff8f00;
  --md-amber-900: #ff6f00;
  --md-amber-A100: #ffe57f;
  --md-amber-A200: #ffd740;
  --md-amber-A400: #ffc400;
  --md-amber-A700: #ffab00;
  --md-orange-50: #fff3e0;
  --md-orange-100: #ffe0b2;
  --md-orange-200: #ffcc80;
  --md-orange-300: #ffb74d;
  --md-orange-400: #ffa726;
  --md-orange-500: #ff9800;
  --md-orange-600: #fb8c00;
  --md-orange-700: #f57c00;
  --md-orange-800: #ef6c00;
  --md-orange-900: #e65100;
  --md-orange-A100: #ffd180;
  --md-orange-A200: #ffab40;
  --md-orange-A400: #ff9100;
  --md-orange-A700: #ff6d00;
  --md-deep-orange-50: #fbe9e7;
  --md-deep-orange-100: #ffccbc;
  --md-deep-orange-200: #ffab91;
  --md-deep-orange-300: #ff8a65;
  --md-deep-orange-400: #ff7043;
  --md-deep-orange-500: #ff5722;
  --md-deep-orange-600: #f4511e;
  --md-deep-orange-700: #e64a19;
  --md-deep-orange-800: #d84315;
  --md-deep-orange-900: #bf360c;
  --md-deep-orange-A100: #ff9e80;
  --md-deep-orange-A200: #ff6e40;
  --md-deep-orange-A400: #ff3d00;
  --md-deep-orange-A700: #dd2c00;
  --md-brown-50: #efebe9;
  --md-brown-100: #d7ccc8;
  --md-brown-200: #bcaaa4;
  --md-brown-300: #a1887f;
  --md-brown-400: #8d6e63;
  --md-brown-500: #795548;
  --md-brown-600: #6d4c41;
  --md-brown-700: #5d4037;
  --md-brown-800: #4e342e;
  --md-brown-900: #3e2723;
  --md-grey-50: #fafafa;
  --md-grey-100: #f5f5f5;
  --md-grey-200: #eee;
  --md-grey-300: #e0e0e0;
  --md-grey-400: #bdbdbd;
  --md-grey-500: #9e9e9e;
  --md-grey-600: #757575;
  --md-grey-700: #616161;
  --md-grey-800: #424242;
  --md-grey-900: #212121;
  --md-blue-grey-50: #eceff1;
  --md-blue-grey-100: #cfd8dc;
  --md-blue-grey-200: #b0bec5;
  --md-blue-grey-300: #90a4ae;
  --md-blue-grey-400: #78909c;
  --md-blue-grey-500: #607d8b;
  --md-blue-grey-600: #546e7a;
  --md-blue-grey-700: #455a64;
  --md-blue-grey-800: #37474f;
  --md-blue-grey-900: #263238;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2017, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| RenderedText
|----------------------------------------------------------------------------*/

:root {
  /* This is the padding value to fill the gaps between lines containing spans with background color. */
  --jp-private-code-span-padding: calc(
    (var(--jp-code-line-height) - 1) * var(--jp-code-font-size) / 2
  );
}

.jp-RenderedText {
  text-align: left;
  padding-left: var(--jp-code-padding);
  line-height: var(--jp-code-line-height);
  font-family: var(--jp-code-font-family);
}

.jp-RenderedText pre,
.jp-RenderedJavaScript pre,
.jp-RenderedHTMLCommon pre {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-code-font-size);
  border: none;
  margin: 0;
  padding: 0;
}

.jp-RenderedText pre a:link {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

.jp-RenderedText pre a:hover {
  text-decoration: underline;
  color: var(--jp-content-link-color);
}

.jp-RenderedText pre a:visited {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

/* console foregrounds and backgrounds */
.jp-RenderedText pre .ansi-black-fg {
  color: #3e424d;
}

.jp-RenderedText pre .ansi-red-fg {
  color: #e75c58;
}

.jp-RenderedText pre .ansi-green-fg {
  color: #00a250;
}

.jp-RenderedText pre .ansi-yellow-fg {
  color: #ddb62b;
}

.jp-RenderedText pre .ansi-blue-fg {
  color: #208ffb;
}

.jp-RenderedText pre .ansi-magenta-fg {
  color: #d160c4;
}

.jp-RenderedText pre .ansi-cyan-fg {
  color: #60c6c8;
}

.jp-RenderedText pre .ansi-white-fg {
  color: #c5c1b4;
}

.jp-RenderedText pre .ansi-black-bg {
  background-color: #3e424d;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-bg {
  background-color: #e75c58;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-bg {
  background-color: #00a250;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-bg {
  background-color: #ddb62b;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-bg {
  background-color: #208ffb;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-bg {
  background-color: #d160c4;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-bg {
  background-color: #60c6c8;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-bg {
  background-color: #c5c1b4;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-black-intense-fg {
  color: #282c36;
}

.jp-RenderedText pre .ansi-red-intense-fg {
  color: #b22b31;
}

.jp-RenderedText pre .ansi-green-intense-fg {
  color: #007427;
}

.jp-RenderedText pre .ansi-yellow-intense-fg {
  color: #b27d12;
}

.jp-RenderedText pre .ansi-blue-intense-fg {
  color: #0065ca;
}

.jp-RenderedText pre .ansi-magenta-intense-fg {
  color: #a03196;
}

.jp-RenderedText pre .ansi-cyan-intense-fg {
  color: #258f8f;
}

.jp-RenderedText pre .ansi-white-intense-fg {
  color: #a1a6b2;
}

.jp-RenderedText pre .ansi-black-intense-bg {
  background-color: #282c36;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-red-intense-bg {
  background-color: #b22b31;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-green-intense-bg {
  background-color: #007427;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-yellow-intense-bg {
  background-color: #b27d12;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-blue-intense-bg {
  background-color: #0065ca;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-magenta-intense-bg {
  background-color: #a03196;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-cyan-intense-bg {
  background-color: #258f8f;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-white-intense-bg {
  background-color: #a1a6b2;
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-default-inverse-fg {
  color: var(--jp-ui-inverse-font-color0);
}

.jp-RenderedText pre .ansi-default-inverse-bg {
  background-color: var(--jp-inverse-layout-color0);
  padding: var(--jp-private-code-span-padding) 0;
}

.jp-RenderedText pre .ansi-bold {
  font-weight: bold;
}

.jp-RenderedText pre .ansi-underline {
  text-decoration: underline;
}

.jp-RenderedText[data-mime-type='application/vnd.jupyter.stderr'] {
  background: var(--jp-rendermime-error-background);
  padding-top: var(--jp-code-padding);
}

/*-----------------------------------------------------------------------------
| RenderedLatex
|----------------------------------------------------------------------------*/

.jp-RenderedLatex {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-content-font-size1);
  line-height: var(--jp-content-line-height);
}

/* Left-justify outputs.*/
.jp-OutputArea-output.jp-RenderedLatex {
  padding: var(--jp-code-padding);
  text-align: left;
}

/*-----------------------------------------------------------------------------
| RenderedHTML
|----------------------------------------------------------------------------*/

.jp-RenderedHTMLCommon {
  color: var(--jp-content-font-color1);
  font-family: var(--jp-content-font-family);
  font-size: var(--jp-content-font-size1);
  line-height: var(--jp-content-line-height);

  /* Give a bit more R padding on Markdown text to keep line lengths reasonable */
  padding-right: 20px;
}

.jp-RenderedHTMLCommon em {
  font-style: italic;
}

.jp-RenderedHTMLCommon strong {
  font-weight: bold;
}

.jp-RenderedHTMLCommon u {
  text-decoration: underline;
}

.jp-RenderedHTMLCommon a:link {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

.jp-RenderedHTMLCommon a:hover {
  text-decoration: underline;
  color: var(--jp-content-link-color);
}

.jp-RenderedHTMLCommon a:visited {
  text-decoration: none;
  color: var(--jp-content-link-color);
}

/* Headings */

.jp-RenderedHTMLCommon h1,
.jp-RenderedHTMLCommon h2,
.jp-RenderedHTMLCommon h3,
.jp-RenderedHTMLCommon h4,
.jp-RenderedHTMLCommon h5,
.jp-RenderedHTMLCommon h6 {
  line-height: var(--jp-content-heading-line-height);
  font-weight: var(--jp-content-heading-font-weight);
  font-style: normal;
  margin: var(--jp-content-heading-margin-top) 0
    var(--jp-content-heading-margin-bottom) 0;
}

.jp-RenderedHTMLCommon h1:first-child,
.jp-RenderedHTMLCommon h2:first-child,
.jp-RenderedHTMLCommon h3:first-child,
.jp-RenderedHTMLCommon h4:first-child,
.jp-RenderedHTMLCommon h5:first-child,
.jp-RenderedHTMLCommon h6:first-child {
  margin-top: calc(0.5 * var(--jp-content-heading-margin-top));
}

.jp-RenderedHTMLCommon h1:last-child,
.jp-RenderedHTMLCommon h2:last-child,
.jp-RenderedHTMLCommon h3:last-child,
.jp-RenderedHTMLCommon h4:last-child,
.jp-RenderedHTMLCommon h5:last-child,
.jp-RenderedHTMLCommon h6:last-child {
  margin-bottom: calc(0.5 * var(--jp-content-heading-margin-bottom));
}

.jp-RenderedHTMLCommon h1 {
  font-size: var(--jp-content-font-size5);
}

.jp-RenderedHTMLCommon h2 {
  font-size: var(--jp-content-font-size4);
}

.jp-RenderedHTMLCommon h3 {
  font-size: var(--jp-content-font-size3);
}

.jp-RenderedHTMLCommon h4 {
  font-size: var(--jp-content-font-size2);
}

.jp-RenderedHTMLCommon h5 {
  font-size: var(--jp-content-font-size1);
}

.jp-RenderedHTMLCommon h6 {
  font-size: var(--jp-content-font-size0);
}

/* Lists */

/* stylelint-disable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon ul:not(.list-inline),
.jp-RenderedHTMLCommon ol:not(.list-inline) {
  padding-left: 2em;
}

.jp-RenderedHTMLCommon ul {
  list-style: disc;
}

.jp-RenderedHTMLCommon ul ul {
  list-style: square;
}

.jp-RenderedHTMLCommon ul ul ul {
  list-style: circle;
}

.jp-RenderedHTMLCommon ol {
  list-style: decimal;
}

.jp-RenderedHTMLCommon ol ol {
  list-style: upper-alpha;
}

.jp-RenderedHTMLCommon ol ol ol {
  list-style: lower-alpha;
}

.jp-RenderedHTMLCommon ol ol ol ol {
  list-style: lower-roman;
}

.jp-RenderedHTMLCommon ol ol ol ol ol {
  list-style: decimal;
}

.jp-RenderedHTMLCommon ol,
.jp-RenderedHTMLCommon ul {
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon ul ul,
.jp-RenderedHTMLCommon ul ol,
.jp-RenderedHTMLCommon ol ul,
.jp-RenderedHTMLCommon ol ol {
  margin-bottom: 0;
}

/* stylelint-enable selector-max-type, selector-max-compound-selectors */

.jp-RenderedHTMLCommon hr {
  color: var(--jp-border-color2);
  background-color: var(--jp-border-color1);
  margin-top: 1em;
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon > pre {
  margin: 1.5em 2em;
}

.jp-RenderedHTMLCommon pre,
.jp-RenderedHTMLCommon code {
  border: 0;
  background-color: var(--jp-layout-color0);
  color: var(--jp-content-font-color1);
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  line-height: var(--jp-code-line-height);
  padding: 0;
  white-space: pre-wrap;
}

.jp-RenderedHTMLCommon :not(pre) > code {
  background-color: var(--jp-layout-color2);
  padding: 1px 5px;
}

/* Tables */

.jp-RenderedHTMLCommon table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  table-layout: fixed;
  margin-left: auto;
  margin-bottom: 1em;
  margin-right: auto;
}

.jp-RenderedHTMLCommon thead {
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  vertical-align: bottom;
}

.jp-RenderedHTMLCommon td,
.jp-RenderedHTMLCommon th,
.jp-RenderedHTMLCommon tr {
  vertical-align: middle;
  padding: 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}

.jp-RenderedMarkdown.jp-RenderedHTMLCommon td,
.jp-RenderedMarkdown.jp-RenderedHTMLCommon th {
  max-width: none;
}

:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon td,
:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon th,
:not(.jp-RenderedMarkdown).jp-RenderedHTMLCommon tr {
  text-align: right;
}

.jp-RenderedHTMLCommon th {
  font-weight: bold;
}

.jp-RenderedHTMLCommon tbody tr:nth-child(odd) {
  background: var(--jp-layout-color0);
}

.jp-RenderedHTMLCommon tbody tr:nth-child(even) {
  background: var(--jp-rendermime-table-row-background);
}

.jp-RenderedHTMLCommon tbody tr:hover {
  background: var(--jp-rendermime-table-row-hover-background);
}

.jp-RenderedHTMLCommon p {
  text-align: left;
  margin: 0;
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon img {
  -moz-force-broken-image-icon: 1;
}

/* Restrict to direct children as other images could be nested in other content. */
.jp-RenderedHTMLCommon > img {
  display: block;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
}

/* Change color behind transparent images if they need it... */
[data-jp-theme-light='false'] .jp-RenderedImage img.jp-needs-light-background {
  background-color: var(--jp-inverse-layout-color1);
}

[data-jp-theme-light='true'] .jp-RenderedImage img.jp-needs-dark-background {
  background-color: var(--jp-inverse-layout-color1);
}

.jp-RenderedHTMLCommon img,
.jp-RenderedImage img,
.jp-RenderedHTMLCommon svg,
.jp-RenderedSVG svg {
  max-width: 100%;
  height: auto;
}

.jp-RenderedHTMLCommon img.jp-mod-unconfined,
.jp-RenderedImage img.jp-mod-unconfined,
.jp-RenderedHTMLCommon svg.jp-mod-unconfined,
.jp-RenderedSVG svg.jp-mod-unconfined {
  max-width: none;
}

.jp-RenderedHTMLCommon .alert {
  padding: var(--jp-notebook-padding);
  border: var(--jp-border-width) solid transparent;
  border-radius: var(--jp-border-radius);
  margin-bottom: 1em;
}

.jp-RenderedHTMLCommon .alert-info {
  color: var(--jp-info-color0);
  background-color: var(--jp-info-color3);
  border-color: var(--jp-info-color2);
}

.jp-RenderedHTMLCommon .alert-info hr {
  border-color: var(--jp-info-color3);
}

.jp-RenderedHTMLCommon .alert-info > p:last-child,
.jp-RenderedHTMLCommon .alert-info > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-warning {
  color: var(--jp-warn-color0);
  background-color: var(--jp-warn-color3);
  border-color: var(--jp-warn-color2);
}

.jp-RenderedHTMLCommon .alert-warning hr {
  border-color: var(--jp-warn-color3);
}

.jp-RenderedHTMLCommon .alert-warning > p:last-child,
.jp-RenderedHTMLCommon .alert-warning > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-success {
  color: var(--jp-success-color0);
  background-color: var(--jp-success-color3);
  border-color: var(--jp-success-color2);
}

.jp-RenderedHTMLCommon .alert-success hr {
  border-color: var(--jp-success-color3);
}

.jp-RenderedHTMLCommon .alert-success > p:last-child,
.jp-RenderedHTMLCommon .alert-success > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon .alert-danger {
  color: var(--jp-error-color0);
  background-color: var(--jp-error-color3);
  border-color: var(--jp-error-color2);
}

.jp-RenderedHTMLCommon .alert-danger hr {
  border-color: var(--jp-error-color3);
}

.jp-RenderedHTMLCommon .alert-danger > p:last-child,
.jp-RenderedHTMLCommon .alert-danger > ul:last-child {
  margin-bottom: 0;
}

.jp-RenderedHTMLCommon blockquote {
  margin: 1em 2em;
  padding: 0 1em;
  border-left: 5px solid var(--jp-border-color2);
}

a.jp-InternalAnchorLink {
  visibility: hidden;
  margin-left: 8px;
  color: var(--md-blue-800);
}

h1:hover .jp-InternalAnchorLink,
h2:hover .jp-InternalAnchorLink,
h3:hover .jp-InternalAnchorLink,
h4:hover .jp-InternalAnchorLink,
h5:hover .jp-InternalAnchorLink,
h6:hover .jp-InternalAnchorLink {
  visibility: visible;
}

.jp-RenderedHTMLCommon kbd {
  background-color: var(--jp-rendermime-table-row-background);
  border: 1px solid var(--jp-border-color0);
  border-bottom-color: var(--jp-border-color2);
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
  font-size: var(--jp-ui-font-size0);
  line-height: 1em;
  padding: 0.2em 0.5em;
}

/* Most direct children of .jp-RenderedHTMLCommon have a margin-bottom of 1.0.
 * At the bottom of cells this is a bit too much as there is also spacing
 * between cells. Going all the way to 0 gets too tight between markdown and
 * code cells.
 */
.jp-RenderedHTMLCommon > *:last-child {
  margin-bottom: 0.5em;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Copyright (c) 2014-2017, PhosphorJS Contributors
|
| Distributed under the terms of the BSD 3-Clause License.
|
| The full license is in the file LICENSE, distributed with this software.
|----------------------------------------------------------------------------*/

.lm-cursor-backdrop {
  position: fixed;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  will-change: transform;
  z-index: 100;
}

.lm-mod-drag-image {
  will-change: transform;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-lineFormSearch {
  padding: 4px 12px;
  background-color: var(--jp-layout-color2);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
  font-size: var(--jp-ui-font-size1);
}

.jp-lineFormCaption {
  font-size: var(--jp-ui-font-size0);
  line-height: var(--jp-ui-font-size1);
  margin-top: 4px;
  color: var(--jp-ui-font-color0);
}

.jp-baseLineForm {
  border: none;
  border-radius: 0;
  position: absolute;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
}

.jp-lineFormButtonContainer {
  top: 4px;
  right: 8px;
  height: 24px;
  padding: 0 12px;
  width: 12px;
}

.jp-lineFormButtonIcon {
  top: 0;
  right: 0;
  background-color: var(--jp-brand-color1);
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 4px 6px;
}

.jp-lineFormButton {
  top: 0;
  right: 0;
  background-color: transparent;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.jp-lineFormWrapper {
  overflow: hidden;
  padding: 0 8px;
  border: 1px solid var(--jp-border-color0);
  background-color: var(--jp-input-active-background);
  height: 22px;
}

.jp-lineFormWrapperFocusWithin {
  border: var(--jp-border-width) solid var(--md-blue-500);
  box-shadow: inset 0 0 4px var(--md-blue-300);
}

.jp-lineFormInput {
  background: transparent;
  width: 200px;
  height: 100%;
  border: none;
  outline: none;
  color: var(--jp-ui-font-color0);
  line-height: 28px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) 2014-2016, Jupyter Development Team.
|
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-JSONEditor {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.jp-JSONEditor-host {
  flex: 1 1 auto;
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  border-radius: 0;
  background: var(--jp-layout-color0);
  min-height: 50px;
  padding: 1px;
}

.jp-JSONEditor.jp-mod-error .jp-JSONEditor-host {
  border-color: red;
  outline-color: red;
}

.jp-JSONEditor-header {
  display: flex;
  flex: 1 0 auto;
  padding: 0 0 0 12px;
}

.jp-JSONEditor-header label {
  flex: 0 0 auto;
}

.jp-JSONEditor-commitButton {
  height: 16px;
  width: 16px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.jp-JSONEditor-host.jp-mod-focused {
  background-color: var(--jp-input-active-background);
  border: 1px solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
}

.jp-Editor.jp-mod-dropTarget {
  border: var(--jp-border-width) solid var(--jp-input-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/
.jp-DocumentSearch-input {
  border: none;
  outline: none;
  color: var(--jp-ui-font-color0);
  font-size: var(--jp-ui-font-size1);
  background-color: var(--jp-layout-color0);
  font-family: var(--jp-ui-font-family);
  padding: 2px 1px;
  resize: none;
}

.jp-DocumentSearch-overlay {
  position: absolute;
  background-color: var(--jp-toolbar-background);
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  border-left: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  top: 0;
  right: 0;
  z-index: 7;
  min-width: 405px;
  padding: 2px;
  font-size: var(--jp-ui-font-size1);

  --jp-private-document-search-button-height: 20px;
}

.jp-DocumentSearch-overlay button {
  background-color: var(--jp-toolbar-background);
  outline: 0;
}

.jp-DocumentSearch-overlay button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-overlay button:active {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-overlay-row {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.jp-DocumentSearch-button-content {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-button-content svg {
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-input-wrapper {
  border: var(--jp-border-width) solid var(--jp-border-color0);
  display: flex;
  background-color: var(--jp-layout-color0);
  margin: 2px;
}

.jp-DocumentSearch-input-wrapper:focus-within {
  border-color: var(--jp-cell-editor-active-border-color);
}

.jp-DocumentSearch-toggle-wrapper,
.jp-DocumentSearch-button-wrapper {
  all: initial;
  overflow: hidden;
  display: inline-block;
  border: none;
  box-sizing: border-box;
}

.jp-DocumentSearch-toggle-wrapper {
  width: 14px;
  height: 14px;
}

.jp-DocumentSearch-button-wrapper {
  width: var(--jp-private-document-search-button-height);
  height: var(--jp-private-document-search-button-height);
}

.jp-DocumentSearch-toggle-wrapper:focus,
.jp-DocumentSearch-button-wrapper:focus {
  outline: var(--jp-border-width) solid
    var(--jp-cell-editor-active-border-color);
  outline-offset: -1px;
}

.jp-DocumentSearch-toggle-wrapper,
.jp-DocumentSearch-button-wrapper,
.jp-DocumentSearch-button-content:focus {
  outline: none;
}

.jp-DocumentSearch-toggle-placeholder {
  width: 5px;
}

.jp-DocumentSearch-input-button::before {
  display: block;
  padding-top: 100%;
}

.jp-DocumentSearch-input-button-off {
  opacity: var(--jp-search-toggle-off-opacity);
}

.jp-DocumentSearch-input-button-off:hover {
  opacity: var(--jp-search-toggle-hover-opacity);
}

.jp-DocumentSearch-input-button-on {
  opacity: var(--jp-search-toggle-on-opacity);
}

.jp-DocumentSearch-index-counter {
  padding-left: 10px;
  padding-right: 10px;
  user-select: none;
  min-width: 35px;
  display: inline-block;
}

.jp-DocumentSearch-up-down-wrapper {
  display: inline-block;
  padding-right: 2px;
  margin-left: auto;
  white-space: nowrap;
}

.jp-DocumentSearch-spacer {
  margin-left: auto;
}

.jp-DocumentSearch-up-down-wrapper button {
  outline: 0;
  border: none;
  width: var(--jp-private-document-search-button-height);
  height: var(--jp-private-document-search-button-height);
  vertical-align: middle;
  margin: 1px 5px 2px;
}

.jp-DocumentSearch-up-down-button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-up-down-button:active {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-filter-button {
  border-radius: var(--jp-border-radius);
}

.jp-DocumentSearch-filter-button:hover {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-filter-button-enabled {
  background-color: var(--jp-layout-color2);
}

.jp-DocumentSearch-filter-button-enabled:hover {
  background-color: var(--jp-layout-color3);
}

.jp-DocumentSearch-search-options {
  padding: 0 8px;
  margin-left: 3px;
  width: 100%;
  display: grid;
  justify-content: start;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: stretch;
}

.jp-DocumentSearch-search-filter-disabled {
  color: var(--jp-ui-font-color2);
}

.jp-DocumentSearch-search-filter {
  display: flex;
  align-items: center;
  user-select: none;
}

.jp-DocumentSearch-regex-error {
  color: var(--jp-error-color0);
}

.jp-DocumentSearch-replace-button-wrapper {
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  border: var(--jp-border-width) solid var(--jp-border-color0);
  margin: auto 2px;
  padding: 1px 4px;
  height: calc(var(--jp-private-document-search-button-height) + 2px);
}

.jp-DocumentSearch-replace-button-wrapper:focus {
  border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
}

.jp-DocumentSearch-replace-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--jp-ui-font-color1);

  /* height - 2 * (padding of wrapper) */
  line-height: calc(var(--jp-private-document-search-button-height) - 2px);
  width: 100%;
  height: 100%;
}

.jp-DocumentSearch-replace-button:focus {
  outline: none;
}

.jp-DocumentSearch-replace-wrapper-class {
  margin-left: 14px;
  display: flex;
}

.jp-DocumentSearch-replace-toggle {
  border: none;
  background-color: var(--jp-toolbar-background);
  border-radius: var(--jp-border-radius);
}

.jp-DocumentSearch-replace-toggle:hover {
  background-color: var(--jp-layout-color2);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.cm-editor {
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  font-family: var(--jp-code-font-family);
  border: 0;
  border-radius: 0;
  height: auto;

  /* Changed to auto to autogrow */
}

.cm-editor pre {
  padding: 0 var(--jp-code-padding);
}

.jp-CodeMirrorEditor[data-type='inline'] .cm-dialog {
  background-color: var(--jp-layout-color0);
  color: var(--jp-content-font-color1);
}

.jp-CodeMirrorEditor {
  cursor: text;
}

/* When zoomed out 67% and 33% on a screen of 1440 width x 900 height */
@media screen and (min-width: 2138px) and (max-width: 4319px) {
  .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
    border-left: var(--jp-code-cursor-width1) solid
      var(--jp-editor-cursor-color);
  }
}

/* When zoomed out less than 33% */
@media screen and (min-width: 4320px) {
  .jp-CodeMirrorEditor[data-type='inline'] .cm-cursor {
    border-left: var(--jp-code-cursor-width2) solid
      var(--jp-editor-cursor-color);
  }
}

.cm-editor.jp-mod-readOnly .cm-cursor {
  display: none;
}

.jp-CollaboratorCursor {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: none;
  border-bottom: 3px solid;
  background-clip: content-box;
  margin-left: -5px;
  margin-right: -5px;
}

.cm-searching,
.cm-searching span {
  /* `.cm-searching span`: we need to override syntax highlighting */
  background-color: var(--jp-search-unselected-match-background-color);
  color: var(--jp-search-unselected-match-color);
}

.cm-searching::selection,
.cm-searching span::selection {
  background-color: var(--jp-search-unselected-match-background-color);
  color: var(--jp-search-unselected-match-color);
}

.jp-current-match > .cm-searching,
.jp-current-match > .cm-searching span,
.cm-searching > .jp-current-match,
.cm-searching > .jp-current-match span {
  background-color: var(--jp-search-selected-match-background-color);
  color: var(--jp-search-selected-match-color);
}

.jp-current-match > .cm-searching::selection,
.cm-searching > .jp-current-match::selection,
.jp-current-match > .cm-searching span::selection {
  background-color: var(--jp-search-selected-match-background-color);
  color: var(--jp-search-selected-match-color);
}

.cm-trailingspace {
  background-image: url();
  background-position: center left;
  background-repeat: repeat-x;
}

.jp-CollaboratorCursor-hover {
  position: absolute;
  z-index: 1;
  transform: translateX(-50%);
  color: white;
  border-radius: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: center;
  font-size: var(--jp-ui-font-size1);
  white-space: nowrap;
}

.jp-CodeMirror-ruler {
  border-left: 1px dashed var(--jp-border-color2);
}

/* Styles for shared cursors (remote cursor locations and selected ranges) */
.jp-CodeMirrorEditor .cm-ySelectionCaret {
  position: relative;
  border-left: 1px solid black;
  margin-left: -1px;
  margin-right: -1px;
  box-sizing: border-box;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret > .cm-ySelectionInfo {
  white-space: nowrap;
  position: absolute;
  top: -1.15em;
  padding-bottom: 0.05em;
  left: -1px;
  font-size: 0.95em;
  font-family: var(--jp-ui-font-family);
  font-weight: bold;
  line-height: normal;
  user-select: none;
  color: white;
  padding-left: 2px;
  padding-right: 2px;
  z-index: 101;
  transition: opacity 0.3s ease-in-out;
}

.jp-CodeMirrorEditor .cm-ySelectionInfo {
  transition-delay: 0.7s;
  opacity: 0;
}

.jp-CodeMirrorEditor .cm-ySelectionCaret:hover > .cm-ySelectionInfo {
  opacity: 1;
  transition-delay: 0s;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-MimeDocument {
  outline: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-filebrowser-button-height: 28px;
  --jp-private-filebrowser-button-width: 48px;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-FileBrowser .jp-SidePanel-content {
  display: flex;
  flex-direction: column;
}

.jp-FileBrowser-toolbar.jp-Toolbar {
  flex-wrap: wrap;
  row-gap: 12px;
  border-bottom: none;
  height: auto;
  margin: 8px 12px 0;
  box-shadow: none;
  padding: 0;
  justify-content: flex-start;
}

.jp-FileBrowser-Panel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.jp-BreadCrumbs {
  flex: 0 0 auto;
  margin: 8px 12px;
}

.jp-BreadCrumbs-item {
  margin: 0 2px;
  padding: 0 2px;
  border-radius: var(--jp-border-radius);
  cursor: pointer;
}

.jp-BreadCrumbs-item:hover {
  background-color: var(--jp-layout-color2);
}

.jp-BreadCrumbs-item:first-child {
  margin-left: 0;
}

.jp-BreadCrumbs-item.jp-mod-dropTarget {
  background-color: var(--jp-brand-color2);
  opacity: 0.7;
}

/*-----------------------------------------------------------------------------
| Buttons
|----------------------------------------------------------------------------*/

.jp-FileBrowser-toolbar > .jp-Toolbar-item {
  flex: 0 0 auto;
  padding-left: 0;
  padding-right: 2px;
  align-items: center;
  height: unset;
}

.jp-FileBrowser-toolbar > .jp-Toolbar-item .jp-ToolbarButtonComponent {
  width: 40px;
}

/*-----------------------------------------------------------------------------
| Other styles
|----------------------------------------------------------------------------*/

.jp-FileDialog.jp-mod-conflict input {
  color: var(--jp-error-color1);
}

.jp-FileDialog .jp-new-name-title {
  margin-top: 12px;
}

.jp-LastModified-hidden {
  display: none;
}

.jp-FileSize-hidden {
  display: none;
}

.jp-FileBrowser .lm-AccordionPanel > h3:first-child {
  display: none;
}

/*-----------------------------------------------------------------------------
| DirListing
|----------------------------------------------------------------------------*/

.jp-DirListing {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  outline: 0;
}

.jp-DirListing-header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  border-top: var(--jp-border-width) solid var(--jp-border-color2);
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  box-shadow: var(--jp-toolbar-box-shadow);
  z-index: 2;
}

.jp-DirListing-headerItem {
  padding: 4px 12px 2px;
  font-weight: 500;
}

.jp-DirListing-headerItem:hover {
  background: var(--jp-layout-color2);
}

.jp-DirListing-headerItem.jp-id-name {
  flex: 1 0 84px;
}

.jp-DirListing-headerItem.jp-id-modified {
  flex: 0 0 112px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}

.jp-DirListing-headerItem.jp-id-filesize {
  flex: 0 0 75px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
}

.jp-id-narrow {
  display: none;
  flex: 0 0 5px;
  padding: 4px;
  border-left: var(--jp-border-width) solid var(--jp-border-color2);
  text-align: right;
  color: var(--jp-border-color2);
}

.jp-DirListing-narrow .jp-id-narrow {
  display: block;
}

.jp-DirListing-narrow .jp-id-modified,
.jp-DirListing-narrow .jp-DirListing-itemModified {
  display: none;
}

.jp-DirListing-headerItem.jp-mod-selected {
  font-weight: 600;
}

/* increase specificity to override bundled default */
.jp-DirListing-content {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  background-color: var(--jp-layout-color1);
}

.jp-DirListing-content mark {
  color: var(--jp-ui-font-color0);
  background-color: transparent;
  font-weight: bold;
}

.jp-DirListing-content .jp-DirListing-item.jp-mod-selected mark {
  color: var(--jp-ui-inverse-font-color0);
}

/* Style the directory listing content when a user drops a file to upload */
.jp-DirListing.jp-mod-native-drop .jp-DirListing-content {
  outline: 5px dashed rgba(128, 128, 128, 0.5);
  outline-offset: -10px;
  cursor: copy;
}

.jp-DirListing-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-DirListing-checkboxWrapper {
  /* Increases hit area of checkbox. */
  padding: 4px;
}

.jp-DirListing-header
  .jp-DirListing-checkboxWrapper
  + .jp-DirListing-headerItem {
  padding-left: 4px;
}

.jp-DirListing-content .jp-DirListing-checkboxWrapper {
  position: relative;
  left: -4px;
  margin: -4px 0 -4px -8px;
}

.jp-DirListing-checkboxWrapper.jp-mod-visible {
  visibility: visible;
}

/* For devices that support hovering, hide checkboxes until hovered, selected...
*/
@media (hover: hover) {
  .jp-DirListing-checkboxWrapper {
    visibility: hidden;
  }

  .jp-DirListing-item:hover .jp-DirListing-checkboxWrapper,
  .jp-DirListing-item.jp-mod-selected .jp-DirListing-checkboxWrapper {
    visibility: visible;
  }
}

.jp-DirListing-item[data-is-dot] {
  opacity: 75%;
}

.jp-DirListing-item.jp-mod-selected {
  color: var(--jp-ui-inverse-font-color1);
  background: var(--jp-brand-color1);
}

.jp-DirListing-item.jp-mod-dropTarget {
  background: var(--jp-brand-color3);
}

.jp-DirListing-item:hover:not(.jp-mod-selected) {
  background: var(--jp-layout-color2);
}

.jp-DirListing-itemIcon {
  flex: 0 0 20px;
  margin-right: 4px;
}

.jp-DirListing-itemText {
  flex: 1 0 64px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

.jp-DirListing-itemText:focus {
  outline-width: 2px;
  outline-color: var(--jp-inverse-layout-color1);
  outline-style: solid;
  outline-offset: 1px;
}

.jp-DirListing-item.jp-mod-selected .jp-DirListing-itemText:focus {
  outline-color: var(--jp-layout-color1);
}

.jp-DirListing-itemModified {
  flex: 0 0 125px;
  text-align: right;
}

.jp-DirListing-itemFileSize {
  flex: 0 0 90px;
  text-align: right;
}

.jp-DirListing-editor {
  flex: 1 0 64px;
  outline: none;
  border: none;
  color: var(--jp-ui-font-color1);
  background-color: var(--jp-layout-color1);
}

.jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon::before {
  color: var(--jp-success-color1);
  content: '\25CF';
  font-size: 8px;
  position: absolute;
  left: -8px;
}

.jp-DirListing-item.jp-mod-running.jp-mod-selected
  .jp-DirListing-itemIcon::before {
  color: var(--jp-ui-inverse-font-color1);
}

.jp-DirListing-item.lm-mod-drag-image,
.jp-DirListing-item.jp-mod-selected.lm-mod-drag-image {
  font-size: var(--jp-ui-font-size1);
  padding-left: 4px;
  margin-left: 4px;
  width: 160px;
  background-color: var(--jp-ui-inverse-font-color2);
  box-shadow: var(--jp-elevation-z2);
  border-radius: 0;
  color: var(--jp-ui-font-color1);
  transform: translateX(-40%) translateY(-58%);
}

.jp-Document {
  min-width: 120px;
  min-height: 120px;
  outline: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Main OutputArea
| OutputArea has a list of Outputs
|----------------------------------------------------------------------------*/

.jp-OutputArea {
  overflow-y: auto;
}

.jp-OutputArea-child {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.jp-OutputPrompt {
  width: var(--jp-cell-prompt-width);
  color: var(--jp-cell-outprompt-font-color);
  font-family: var(--jp-cell-prompt-font-family);
  padding: var(--jp-code-padding);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
  opacity: var(--jp-cell-prompt-opacity);

  /* Right align prompt text, don't wrap to handle large prompt numbers */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Disable text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-OutputArea-prompt {
  display: table-cell;
  vertical-align: top;
}

.jp-OutputArea-output {
  display: table-cell;
  width: 100%;
  height: auto;
  overflow: auto;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.jp-OutputArea .jp-RenderedText {
  padding-left: 1ch;
}

/**
 * Prompt overlay.
 */

.jp-OutputArea-promptOverlay {
  position: absolute;
  top: 0;
  width: var(--jp-cell-prompt-width);
  height: 100%;
  opacity: 0.5;
}

.jp-OutputArea-promptOverlay:hover {
  background: var(--jp-layout-color2);
  box-shadow: inset 0 0 1px var(--jp-inverse-layout-color0);
  cursor: zoom-out;
}

.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay:hover {
  cursor: zoom-in;
}

/**
 * Isolated output.
 */
.jp-OutputArea-output.jp-mod-isolated {
  width: 100%;
  display: block;
}

/*
When drag events occur, `lm-mod-override-cursor` is added to the body.
Because iframes steal all cursor events, the following two rules are necessary
to suppress pointer events while resize drags are occurring. There may be a
better solution to this problem.
*/
body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated {
  position: relative;
}

body.lm-mod-override-cursor .jp-OutputArea-output.jp-mod-isolated::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}

/* pre */

.jp-OutputArea-output pre {
  border: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: auto;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* tables */

.jp-OutputArea-output.jp-RenderedHTMLCommon table {
  margin-left: 0;
  margin-right: 0;
}

/* description lists */

.jp-OutputArea-output dl,
.jp-OutputArea-output dt,
.jp-OutputArea-output dd {
  display: block;
}

.jp-OutputArea-output dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.jp-OutputArea-output dt {
  font-weight: bold;
  float: left;
  width: 20%;
  padding: 0;
  margin: 0;
}

.jp-OutputArea-output dd {
  float: left;
  width: 80%;
  padding: 0;
  margin: 0;
}

.jp-TrimmedOutputs pre {
  background: var(--jp-layout-color3);
  font-size: calc(var(--jp-code-font-size) * 1.4);
  text-align: center;
  text-transform: uppercase;
}

/* Hide the gutter in case of
 *  - nested output areas (e.g. in the case of output widgets)
 *  - mirrored output areas
 */
.jp-OutputArea .jp-OutputArea .jp-OutputArea-prompt {
  display: none;
}

/* Hide empty lines in the output area, for instance due to cleared widgets */
.jp-OutputArea-prompt:empty {
  padding: 0;
  border: 0;
}

/*-----------------------------------------------------------------------------
| executeResult is added to any Output-result for the display of the object
| returned by a cell
|----------------------------------------------------------------------------*/

.jp-OutputArea-output.jp-OutputArea-executeResult {
  margin-left: 0;
  width: 100%;
}

/* Text output with the Out[] prompt needs a top padding to match the
 * alignment of the Out[] prompt itself.
 */
.jp-OutputArea-executeResult .jp-RenderedText.jp-OutputArea-output {
  padding-top: var(--jp-code-padding);
  border-top: var(--jp-border-width) solid transparent;
}

/*-----------------------------------------------------------------------------
| The Stdin output
|----------------------------------------------------------------------------*/

.jp-Stdin-prompt {
  color: var(--jp-content-font-color0);
  padding-right: var(--jp-code-padding);
  vertical-align: baseline;
  flex: 0 0 auto;
}

.jp-Stdin-input {
  font-family: var(--jp-code-font-family);
  font-size: inherit;
  color: inherit;
  background-color: inherit;
  width: 42%;
  min-width: 200px;

  /* make sure input baseline aligns with prompt */
  vertical-align: baseline;

  /* padding + margin = 0.5em between prompt and cursor */
  padding: 0 0.25em;
  margin: 0 0.25em;
  flex: 0 0 70%;
}

.jp-Stdin-input::placeholder {
  opacity: 0;
}

.jp-Stdin-input:focus {
  box-shadow: none;
}

.jp-Stdin-input:focus::placeholder {
  opacity: 1;
}

/*-----------------------------------------------------------------------------
| Output Area View
|----------------------------------------------------------------------------*/

.jp-LinkedOutputView .jp-OutputArea {
  height: 100%;
  display: block;
}

.jp-LinkedOutputView .jp-OutputArea-output:only-child {
  height: 100%;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

@media print {
  .jp-OutputArea-child {
    break-inside: avoid-page;
  }
}

/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (max-width: 760px) {
  .jp-OutputPrompt {
    display: table-row;
    text-align: left;
  }

  .jp-OutputArea-child .jp-OutputArea-output {
    display: table-row;
    margin-left: var(--jp-notebook-padding);
  }
}

/* Trimmed outputs warning */
.jp-TrimmedOutputs > a {
  margin: 10px;
  text-decoration: none;
  cursor: pointer;
}

.jp-TrimmedOutputs > a:hover {
  text-decoration: none;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Table of Contents
|----------------------------------------------------------------------------*/

:root {
  --jp-private-toc-active-width: 4px;
}

.jp-TableOfContents {
  display: flex;
  flex-direction: column;
  background: var(--jp-layout-color1);
  color: var(--jp-ui-font-color1);
  font-size: var(--jp-ui-font-size1);
  height: 100%;
}

.jp-TableOfContents-placeholder {
  text-align: center;
}

.jp-TableOfContents-placeholderContent {
  color: var(--jp-content-font-color2);
  padding: 8px;
}

.jp-TableOfContents-placeholderContent > h3 {
  margin-bottom: var(--jp-content-heading-margin-bottom);
}

.jp-TableOfContents .jp-SidePanel-content {
  overflow-y: auto;
}

.jp-TableOfContents-tree {
  margin: 4px;
}

.jp-TableOfContents ol {
  list-style-type: none;
}

/* stylelint-disable-next-line selector-max-type */
.jp-TableOfContents li > ol {
  /* Align left border with triangle icon center */
  padding-left: 11px;
}

.jp-TableOfContents-content {
  /* left margin for the active heading indicator */
  margin: 0 0 0 var(--jp-private-toc-active-width);
  padding: 0;
  background-color: var(--jp-layout-color1);
}

.jp-tocItem {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jp-tocItem-heading {
  display: flex;
  cursor: pointer;
}

.jp-tocItem-heading:hover {
  background-color: var(--jp-layout-color2);
}

.jp-tocItem-content {
  display: block;
  padding: 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.jp-tocItem-collapser {
  height: 20px;
  margin: 2px 2px 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.jp-tocItem-collapser:hover {
  background-color: var(--jp-layout-color3);
}

/* Active heading indicator */

.jp-tocItem-heading::before {
  content: ' ';
  background: transparent;
  width: var(--jp-private-toc-active-width);
  height: 24px;
  position: absolute;
  left: 0;
  border-radius: var(--jp-border-radius);
}

.jp-tocItem-heading.jp-tocItem-active::before {
  background-color: var(--jp-brand-color1);
}

.jp-tocItem-heading:hover.jp-tocItem-active::before {
  background: var(--jp-brand-color0);
  opacity: 1;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

.jp-Collapser {
  flex: 0 0 var(--jp-cell-collapser-width);
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  border-radius: var(--jp-border-radius);
  opacity: 1;
}

.jp-Collapser-child {
  display: block;
  width: 100%;
  box-sizing: border-box;

  /* height: 100% doesn't work because the height of its parent is computed from content */
  position: absolute;
  top: 0;
  bottom: 0;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

/*
Hiding collapsers in print mode.

Note: input and output wrappers have "display: block" propery in print mode.
*/

@media print {
  .jp-Collapser {
    display: none;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Header/Footer
|----------------------------------------------------------------------------*/

/* Hidden by zero height by default */
.jp-CellHeader,
.jp-CellFooter {
  height: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Input
|----------------------------------------------------------------------------*/

/* All input areas */
.jp-InputArea {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.jp-InputArea-editor {
  display: table-cell;
  overflow: hidden;
  vertical-align: top;

  /* This is the non-active, default styling */
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  border-radius: 0;
  background: var(--jp-cell-editor-background);
}

.jp-InputPrompt {
  display: table-cell;
  vertical-align: top;
  width: var(--jp-cell-prompt-width);
  color: var(--jp-cell-inprompt-font-color);
  font-family: var(--jp-cell-prompt-font-family);
  padding: var(--jp-code-padding);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  opacity: var(--jp-cell-prompt-opacity);
  line-height: var(--jp-code-line-height);
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;

  /* Right align prompt text, don't wrap to handle large prompt numbers */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Disable text selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*-----------------------------------------------------------------------------
| Mobile
|----------------------------------------------------------------------------*/
@media only screen and (max-width: 760px) {
  .jp-InputArea-editor {
    display: table-row;
    margin-left: var(--jp-notebook-padding);
  }

  .jp-InputPrompt {
    display: table-row;
    text-align: left;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Placeholder
|----------------------------------------------------------------------------*/

.jp-Placeholder {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.jp-Placeholder-prompt {
  display: table-cell;
  box-sizing: border-box;
}

.jp-Placeholder-content {
  display: table-cell;
  padding: 4px 6px;
  border: 1px solid transparent;
  border-radius: 0;
  background: none;
  box-sizing: border-box;
  cursor: pointer;
}

.jp-Placeholder-contentContainer {
  display: flex;
}

.jp-Placeholder-content:hover,
.jp-InputPlaceholder > .jp-Placeholder-content:hover {
  border-color: var(--jp-layout-color3);
}

.jp-Placeholder-content .jp-MoreHorizIcon {
  width: 32px;
  height: 16px;
  border: 1px solid transparent;
  border-radius: var(--jp-border-radius);
}

.jp-Placeholder-content .jp-MoreHorizIcon:hover {
  border: 1px solid var(--jp-border-color1);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
  background-color: var(--jp-layout-color0);
}

.jp-PlaceholderText {
  white-space: nowrap;
  overflow-x: hidden;
  color: var(--jp-inverse-layout-color3);
  font-family: var(--jp-code-font-family);
}

.jp-InputPlaceholder > .jp-Placeholder-content {
  border-color: var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background);
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Private CSS variables
|----------------------------------------------------------------------------*/

:root {
  --jp-private-cell-scrolling-output-offset: 5px;
}

/*-----------------------------------------------------------------------------
| Cell
|----------------------------------------------------------------------------*/

.jp-Cell {
  padding: var(--jp-cell-padding);
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*-----------------------------------------------------------------------------
| Common input/output
|----------------------------------------------------------------------------*/

.jp-Cell-inputWrapper,
.jp-Cell-outputWrapper {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;

  /* Added to reveal the box-shadow on the input and output collapsers. */
  overflow: visible;
}

/* Only input/output areas inside cells */
.jp-Cell-inputArea,
.jp-Cell-outputArea {
  flex: 1 1 auto;
}

/*-----------------------------------------------------------------------------
| Collapser
|----------------------------------------------------------------------------*/

/* Make the output collapser disappear when there is not output, but do so
 * in a manner that leaves it in the layout and preserves its width.
 */
.jp-Cell.jp-mod-noOutputs .jp-Cell-outputCollapser {
  border: none !important;
  background: transparent !important;
}

.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputCollapser {
  min-height: var(--jp-cell-collapser-min-height);
}

/*-----------------------------------------------------------------------------
| Output
|----------------------------------------------------------------------------*/

/* Put a space between input and output when there IS output */
.jp-Cell:not(.jp-mod-noOutputs) .jp-Cell-outputWrapper {
  margin-top: 5px;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea {
  overflow-y: auto;
  max-height: 24em;
  margin-left: var(--jp-private-cell-scrolling-output-offset);
  resize: vertical;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea[style*='height'] {
  max-height: unset;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-Cell-outputArea::after {
  content: ' ';
  box-shadow: inset 0 0 6px 2px rgb(0 0 0 / 30%);
  width: 100%;
  height: 100%;
  position: sticky;
  bottom: 0;
  top: 0;
  margin-top: -50%;
  float: left;
  display: block;
  pointer-events: none;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-child {
  padding-top: 6px;
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-prompt {
  width: calc(
    var(--jp-cell-prompt-width) - var(--jp-private-cell-scrolling-output-offset)
  );
}

.jp-CodeCell.jp-mod-outputsScrolled .jp-OutputArea-promptOverlay {
  left: calc(-1 * var(--jp-private-cell-scrolling-output-offset));
}

/*-----------------------------------------------------------------------------
| CodeCell
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| MarkdownCell
|----------------------------------------------------------------------------*/

.jp-MarkdownOutput {
  display: table-cell;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: var(--jp-code-padding);
}

.jp-MarkdownOutput.jp-RenderedHTMLCommon {
  overflow: auto;
}

/* collapseHeadingButton (show always if hiddenCellsButton is _not_ shown) */
.jp-collapseHeadingButton {
  display: flex;
  min-height: var(--jp-cell-collapser-min-height);
  font-size: var(--jp-code-font-size);
  position: absolute;
  background-color: transparent;
  background-size: 25px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-image: var(--jp-icon-caret-down);
  right: 0;
  top: 0;
  bottom: 0;
}

.jp-collapseHeadingButton.jp-mod-collapsed {
  background-image: var(--jp-icon-caret-right);
}

/*
 set the container font size to match that of content
 so that the nested collapse buttons have the right size
*/
.jp-MarkdownCell .jp-InputPrompt {
  font-size: var(--jp-content-font-size1);
}

/*
  Align collapseHeadingButton with cell top header
  The font sizes are identical to the ones in packages/rendermime/style/base.css
*/
.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='1'] {
  font-size: var(--jp-content-font-size5);
  background-position-y: calc(0.3 * var(--jp-content-font-size5));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='2'] {
  font-size: var(--jp-content-font-size4);
  background-position-y: calc(0.3 * var(--jp-content-font-size4));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='3'] {
  font-size: var(--jp-content-font-size3);
  background-position-y: calc(0.3 * var(--jp-content-font-size3));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='4'] {
  font-size: var(--jp-content-font-size2);
  background-position-y: calc(0.3 * var(--jp-content-font-size2));
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='5'] {
  font-size: var(--jp-content-font-size1);
  background-position-y: top;
}

.jp-mod-rendered .jp-collapseHeadingButton[data-heading-level='6'] {
  font-size: var(--jp-content-font-size0);
  background-position-y: top;
}

/* collapseHeadingButton (show only on (hover,active) if hiddenCellsButton is shown) */
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-collapseHeadingButton {
  display: none;
}

.jp-Notebook.jp-mod-showHiddenCellsButton
  :is(.jp-MarkdownCell:hover, .jp-mod-active)
  .jp-collapseHeadingButton {
  display: flex;
}

/* showHiddenCellsButton (only show if jp-mod-showHiddenCellsButton is set, which
is a consequence of the showHiddenCellsButton option in Notebook Settings)*/
.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton {
  margin-left: calc(var(--jp-cell-prompt-width) + 2 * var(--jp-code-padding));
  margin-top: var(--jp-code-padding);
  border: 1px solid var(--jp-border-color2);
  background-color: var(--jp-border-color3) !important;
  color: var(--jp-content-font-color0) !important;
  display: flex;
}

.jp-Notebook.jp-mod-showHiddenCellsButton .jp-showHiddenCellsButton:hover {
  background-color: var(--jp-border-color2) !important;
}

.jp-showHiddenCellsButton {
  display: none;
}

/*-----------------------------------------------------------------------------
| Printing
|----------------------------------------------------------------------------*/

/*
Using block instead of flex to allow the use of the break-inside CSS property for
cell outputs.
*/

@media print {
  .jp-Cell-inputWrapper,
  .jp-Cell-outputWrapper {
    display: block;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

:root {
  --jp-notebook-toolbar-padding: 2px 5px 2px 2px;
}

/*-----------------------------------------------------------------------------

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-NotebookPanel-toolbar {
  padding: var(--jp-notebook-toolbar-padding);

  /* disable paint containment from lumino 2.0 default strict CSS containment */
  contain: style size !important;
}

.jp-Toolbar-item.jp-Notebook-toolbarCellType .jp-select-wrapper.jp-mod-focused {
  border: none;
  box-shadow: none;
}

.jp-Notebook-toolbarCellTypeDropdown select {
  height: 24px;
  font-size: var(--jp-ui-font-size1);
  line-height: 14px;
  border-radius: 0;
  display: block;
}

.jp-Notebook-toolbarCellTypeDropdown span {
  top: 5px !important;
}

.jp-Toolbar-responsive-popup {
  position: absolute;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-bottom: var(--jp-border-width) solid var(--jp-toolbar-border-color);
  box-shadow: var(--jp-toolbar-box-shadow);
  background: var(--jp-toolbar-background);
  min-height: var(--jp-toolbar-micro-height);
  padding: var(--jp-notebook-toolbar-padding);
  z-index: 1;
  right: 0;
  top: 0;
}

.jp-Toolbar > .jp-Toolbar-responsive-opener {
  margin-left: auto;
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Variables
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------

/*-----------------------------------------------------------------------------
| Styles
|----------------------------------------------------------------------------*/

.jp-Notebook-ExecutionIndicator {
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 9997;
}

.jp-Notebook-ExecutionIndicator-tooltip {
  visibility: hidden;
  height: auto;
  width: max-content;
  width: -moz-max-content;
  background-color: var(--jp-layout-color2);
  color: var(--jp-ui-font-color1);
  text-align: justify;
  border-radius: 6px;
  padding: 0 5px;
  position: fixed;
  display: table;
}

.jp-Notebook-ExecutionIndicator-tooltip.up {
  transform: translateX(-50%) translateY(-100%) translateY(-32px);
}

.jp-Notebook-ExecutionIndicator-tooltip.down {
  transform: translateX(calc(-100% + 16px)) translateY(5px);
}

.jp-Notebook-ExecutionIndicator-tooltip.hidden {
  display: none;
}

.jp-Notebook-ExecutionIndicator:hover .jp-Notebook-ExecutionIndicator-tooltip {
  visibility: visible;
}

.jp-Notebook-ExecutionIndicator span {
  font-size: var(--jp-ui-font-size1);
  font-family: var(--jp-ui-font-family);
  color: var(--jp-ui-font-color1);
  line-height: 24px;
  display: block;
}

.jp-Notebook-ExecutionIndicator-progress-bar {
  display: flex;
  justify-content: center;
  height: 100%;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

/*
 * Execution indicator
 */
.jp-tocItem-content::after {
  content: '';

  /* Must be identical to form a circle */
  width: 12px;
  height: 12px;
  background: none;
  border: none;
  position: absolute;
  right: 0;
}

.jp-tocItem-content[data-running='0']::after {
  border-radius: 50%;
  border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
  background: none;
}

.jp-tocItem-content[data-running='1']::after {
  border-radius: 50%;
  border: var(--jp-border-width) solid var(--jp-inverse-layout-color3);
  background-color: var(--jp-inverse-layout-color3);
}

.jp-tocItem-content[data-running='0'],
.jp-tocItem-content[data-running='1'] {
  margin-right: 12px;
}

/*
 * Copyright (c) Jupyter Development Team.
 * Distributed under the terms of the Modified BSD License.
 */

.jp-Notebook-footer {
  height: 27px;
  margin-left: calc(
    var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
      var(--jp-cell-padding)
  );
  width: calc(
    100% -
      (
        var(--jp-cell-prompt-width) + var(--jp-cell-collapser-width) +
          var(--jp-cell-padding) + var(--jp-cell-padding)
      )
  );
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  color: var(--jp-ui-font-color3);
  margin-top: 6px;
  background: none;
  cursor: pointer;
}

.jp-Notebook-footer:focus {
  border-color: var(--jp-cell-editor-active-border-color);
}

/* For devices that support hovering, hide footer until hover */
@media (hover: hover) {
  .jp-Notebook-footer {
    opacity: 0;
  }

  .jp-Notebook-footer:focus,
  .jp-Notebook-footer:hover {
    opacity: 1;
  }
}

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| Imports
|----------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------
| CSS variables
|----------------------------------------------------------------------------*/

:root {
  --jp-side-by-side-output-size: 1fr;
  --jp-side-by-side-resized-cell: var(--jp-side-by-side-output-size);
  --jp-private-notebook-dragImage-width: 304px;
  --jp-private-notebook-dragImage-height: 36px;
  --jp-private-notebook-selected-color: var(--md-blue-400);
  --jp-private-notebook-active-color: var(--md-green-400);
}

/*-----------------------------------------------------------------------------
| Notebook
|----------------------------------------------------------------------------*/

/* stylelint-disable selector-max-class */

.jp-NotebookPanel {
  display: block;
  height: 100%;
}

.jp-NotebookPanel.jp-Document {
  min-width: 240px;
  min-height: 120px;
}

.jp-Notebook {
  padding: var(--jp-notebook-padding);
  outline: none;
  overflow: auto;
  background: var(--jp-layout-color0);
}

.jp-Notebook.jp-mod-scrollPastEnd::after {
  display: block;
  content: '';
  min-height: var(--jp-notebook-scroll-padding);
}

.jp-MainAreaWidget-ContainStrict .jp-Notebook * {
  contain: strict;
}

.jp-Notebook .jp-Cell {
  overflow: visible;
}

.jp-Notebook .jp-Cell .jp-InputPrompt {
  cursor: move;
}

/*-----------------------------------------------------------------------------
| Notebook state related styling
|
| The notebook and cells each have states, here are the possibilities:
|
| - Notebook
|   - Command
|   - Edit
| - Cell
|   - None
|   - Active (only one can be active)
|   - Selected (the cells actions are applied to)
|   - Multiselected (when multiple selected, the cursor)
|   - No outputs
|----------------------------------------------------------------------------*/

/* Command or edit modes */

.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-InputPrompt {
  opacity: var(--jp-cell-prompt-not-active-opacity);
  color: var(--jp-cell-prompt-not-active-font-color);
}

.jp-Notebook .jp-Cell:not(.jp-mod-active) .jp-OutputPrompt {
  opacity: var(--jp-cell-prompt-not-active-opacity);
  color: var(--jp-cell-prompt-not-active-font-color);
}

/* cell is active */
.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser {
  background: var(--jp-brand-color1);
}

/* cell is dirty */
.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt {
  color: var(--jp-warn-color1);
}

.jp-Notebook .jp-Cell.jp-mod-dirty .jp-InputPrompt::before {
  color: var(--jp-warn-color1);
  content: '•';
}

.jp-Notebook .jp-Cell.jp-mod-active.jp-mod-dirty .jp-Collapser {
  background: var(--jp-warn-color1);
}

/* collapser is hovered */
.jp-Notebook .jp-Cell .jp-Collapser:hover {
  box-shadow: var(--jp-elevation-z2);
  background: var(--jp-brand-color1);
  opacity: var(--jp-cell-collapser-not-active-hover-opacity);
}

/* cell is active and collapser is hovered */
.jp-Notebook .jp-Cell.jp-mod-active .jp-Collapser:hover {
  background: var(--jp-brand-color0);
  opacity: 1;
}

/* Command mode */

.jp-Notebook.jp-mod-commandMode .jp-Cell.jp-mod-selected {
  background: var(--jp-notebook-multiselected-color);
}

.jp-Notebook.jp-mod-commandMode
  .jp-Cell.jp-mod-active.jp-mod-selected:not(.jp-mod-multiSelected) {
  background: transparent;
}

/* Edit mode */

.jp-Notebook.jp-mod-editMode .jp-Cell.jp-mod-active .jp-InputArea-editor {
  border: var(--jp-border-width) solid var(--jp-cell-editor-active-border-color);
  box-shadow: var(--jp-input-box-shadow);
  background-color: var(--jp-cell-editor-active-background);
}

/*-----------------------------------------------------------------------------
| Notebook drag and drop
|----------------------------------------------------------------------------*/

.jp-Notebook-cell.jp-mod-dropSource {
  opacity: 0.5;
}

.jp-Notebook-cell.jp-mod-dropTarget,
.jp-Notebook.jp-mod-commandMode
  .jp-Notebook-cell.jp-mod-active.jp-mod-selected.jp-mod-dropTarget {
  border-top-color: var(--jp-private-notebook-selected-color);
  border-top-style: solid;
  border-top-width: 2px;
}

.jp-dragImage {
  display: block;
  flex-direction: row;
  width: var(--jp-private-notebook-dragImage-width);
  height: var(--jp-private-notebook-dragImage-height);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background);
  overflow: visible;
}

.jp-dragImage-singlePrompt {
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.jp-dragImage .jp-dragImage-content {
  flex: 1 1 auto;
  z-index: 2;
  font-size: var(--jp-code-font-size);
  font-family: var(--jp-code-font-family);
  line-height: var(--jp-code-line-height);
  padding: var(--jp-code-padding);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  background: var(--jp-cell-editor-background-color);
  color: var(--jp-content-font-color3);
  text-align: left;
  margin: 4px 4px 4px 0;
}

.jp-dragImage .jp-dragImage-prompt {
  flex: 0 0 auto;
  min-width: 36px;
  color: var(--jp-cell-inprompt-font-color);
  padding: var(--jp-code-padding);
  padding-left: 12px;
  font-family: var(--jp-cell-prompt-font-family);
  letter-spacing: var(--jp-cell-prompt-letter-spacing);
  line-height: 1.9;
  font-size: var(--jp-code-font-size);
  border: var(--jp-border-width) solid transparent;
}

.jp-dragImage-multipleBack {
  z-index: -1;
  position: absolute;
  height: 32px;
  width: 300px;
  top: 8px;
  left: 8px;
  background: var(--jp-layout-color2);
  border: var(--jp-border-width) solid var(--jp-input-border-color);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.12);
}

/*-----------------------------------------------------------------------------
| Cell toolbar
|----------------------------------------------------------------------------*/

.jp-NotebookTools {
  display: block;
  min-width: var(--jp-sidebar-min-width);
  color: var(--jp-ui-font-color1);
  background: var(--jp-layout-color1);

  /* This is needed so that all font sizing of children done in ems is
    * relative to this base size */
  font-size: var(--jp-ui-font-size1);
  overflow: auto;
}

.jp-ActiveCellTool {
  padding: 12px 0;
  display: flex;
}

.jp-ActiveCellTool-Content {
  flex: 1 1 auto;
}

.jp-ActiveCellTool .jp-ActiveCellTool-CellContent {
  background: var(--jp-cell-editor-background);
  border: var(--jp-border-width) solid var(--jp-cell-editor-border-color);
  border-radius: 0;
  min-height: 29px;
}

.jp-ActiveCellTool .jp-InputPrompt {
  min-width: calc(var(--jp-cell-prompt-width) * 0.75);
}

.jp-ActiveCellTool-CellContent > pre {
  padding: 5px 4px;
  margin: 0;
  white-space: normal;
}

.jp-MetadataEditorTool {
  flex-direction: column;
  padding: 12px 0;
}

.jp-RankedPanel > :not(:first-child) {
  margin-top: 12px;
}

.jp-KeySelector select.jp-mod-styled {
  font-size: var(--jp-ui-font-size1);
  color: var(--jp-ui-font-color0);
  border: var(--jp-border-width) solid var(--jp-border-color1);
}

.jp-KeySelector label,
.jp-MetadataEditorTool label,
.jp-NumberSetter label {
  line-height: 1.4;
}

.jp-NotebookTools .jp-select-wrapper {
  margin-top: 4px;
  margin-bottom: 0;
}

.jp-NumberSetter input {
  width: 100%;
  margin-top: 4px;
}

.jp-NotebookTools .jp-Collapse {
  margin-top: 16px;
}

/*-----------------------------------------------------------------------------
| Presentation Mode (.jp-mod-presentationMode)
|----------------------------------------------------------------------------*/

.jp-mod-presentationMode .jp-Notebook {
  --jp-content-font-size1: var(--jp-content-presentation-font-size1);
  --jp-code-font-size: var(--jp-code-presentation-font-size);
}

.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-InputPrompt,
.jp-mod-presentationMode .jp-Notebook .jp-Cell .jp-OutputPrompt {
  flex: 0 0 110px;
}

/*-----------------------------------------------------------------------------
| Side-by-side Mode (.jp-mod-sideBySide)
|----------------------------------------------------------------------------*/
.jp-mod-sideBySide.jp-Notebook .jp-Notebook-cell {
  margin-top: 3em;
  margin-bottom: 3em;
  margin-left: 5%;
  margin-right: 5%;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min-content minmax(
      0,
      var(--jp-side-by-side-output-size)
    );
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-areas:
    'header header header'
    'input handle output'
    'footer footer footer';
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell.jp-mod-resizedCell {
  grid-template-columns: minmax(0, 1fr) min-content minmax(
      0,
      var(--jp-side-by-side-resized-cell)
    );
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellHeader {
  grid-area: header;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-Cell-inputWrapper {
  grid-area: input;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-Cell-outputWrapper {
  /* overwrite the default margin (no vertical separation needed in side by side move */
  margin-top: 0;
  grid-area: output;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellFooter {
  grid-area: footer;
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle {
  grid-area: handle;
  user-select: none;
  display: block;
  height: 100%;
  cursor: ew-resize;
  padding: 0 var(--jp-cell-padding);
}

.jp-mod-sideBySide.jp-Notebook .jp-CodeCell .jp-CellResizeHandle::after {
  content: '';
  display: block;
  background: var(--jp-border-color2);
  height: 100%;
  width: 5px;
}

.jp-mod-sideBySide.jp-Notebook
  .jp-CodeCell.jp-mod-resizedCell
  .jp-CellResizeHandle::after {
  background: var(--jp-border-color0);
}

.jp-CellResizeHandle {
  display: none;
}

/*-----------------------------------------------------------------------------
| Placeholder
|----------------------------------------------------------------------------*/

.jp-Cell-Placeholder {
  padding-left: 55px;
}

.jp-Cell-Placeholder-wrapper {
  background: #fff;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 10px 15px;
}

.jp-Cell-Placeholder-wrapper-inner {
  padding: 15px;
  position: relative;
}

.jp-Cell-Placeholder-wrapper-body {
  background-repeat: repeat;
  background-size: 50% auto;
}

.jp-Cell-Placeholder-wrapper-body div {
  background: #f6f7f8;
  background-image: -webkit-linear-gradient(
    left,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  height: 104px;
  position: absolute;
  right: 15px;
  left: 15px;
  top: 15px;
}

div.jp-Cell-Placeholder-h1 {
  top: 20px;
  height: 20px;
  left: 15px;
  width: 150px;
}

div.jp-Cell-Placeholder-h2 {
  left: 15px;
  top: 50px;
  height: 10px;
  width: 100px;
}

div.jp-Cell-Placeholder-content-1,
div.jp-Cell-Placeholder-content-2,
div.jp-Cell-Placeholder-content-3 {
  left: 15px;
  right: 15px;
  height: 10px;
}

div.jp-Cell-Placeholder-content-1 {
  top: 100px;
}

div.jp-Cell-Placeholder-content-2 {
  top: 120px;
}

div.jp-Cell-Placeholder-content-3 {
  top: 140px;
}

</style>
<style type="text/css">
/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/

/*
The following CSS variables define the main, public API for styling JupyterLab.
These variables should be used by all plugins wherever possible. In other
words, plugins should not define custom colors, sizes, etc unless absolutely
necessary. This enables users to change the visual theme of JupyterLab
by changing these variables.

Many variables appear in an ordered sequence (0,1,2,3). These sequences
are designed to work well together, so for example, `--jp-border-color1` should
be used with `--jp-layout-color1`. The numbers have the following meanings:

* 0: super-primary, reserved for special emphasis
* 1: primary, most important under normal situations
* 2: secondary, next most important under normal situations
* 3: tertiary, next most important under normal situations

Throughout JupyterLab, we are mostly following principles from Google's
Material Design when selecting colors. We are not, however, following
all of MD as it is not optimized for dense, information rich UIs.
*/

:root {
  /* Elevation
   *
   * We style box-shadows using Material Design's idea of elevation. These particular numbers are taken from here:
   *
   * https://github.com/material-components/material-components-web
   * https://material-components-web.appspot.com/elevation.html
   */

  --jp-shadow-base-lightness: 0;
  --jp-shadow-umbra-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.2
  );
  --jp-shadow-penumbra-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.14
  );
  --jp-shadow-ambient-color: rgba(
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    var(--jp-shadow-base-lightness),
    0.12
  );
  --jp-elevation-z0: none;
  --jp-elevation-z1: 0 2px 1px -1px var(--jp-shadow-umbra-color),
    0 1px 1px 0 var(--jp-shadow-penumbra-color),
    0 1px 3px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z2: 0 3px 1px -2px var(--jp-shadow-umbra-color),
    0 2px 2px 0 var(--jp-shadow-penumbra-color),
    0 1px 5px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z4: 0 2px 4px -1px var(--jp-shadow-umbra-color),
    0 4px 5px 0 var(--jp-shadow-penumbra-color),
    0 1px 10px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z6: 0 3px 5px -1px var(--jp-shadow-umbra-color),
    0 6px 10px 0 var(--jp-shadow-penumbra-color),
    0 1px 18px 0 var(--jp-shadow-ambient-color);
  --jp-elevation-z8: 0 5px 5px -3px var(--jp-shadow-umbra-color),
    0 8px 10px 1px var(--jp-shadow-penumbra-color),
    0 3px 14px 2px var(--jp-shadow-ambient-color);
  --jp-elevation-z12: 0 7px 8px -4px var(--jp-shadow-umbra-color),
    0 12px 17px 2px var(--jp-shadow-penumbra-color),
    0 5px 22px 4px var(--jp-shadow-ambient-color);
  --jp-elevation-z16: 0 8px 10px -5px var(--jp-shadow-umbra-color),
    0 16px 24px 2px var(--jp-shadow-penumbra-color),
    0 6px 30px 5px var(--jp-shadow-ambient-color);
  --jp-elevation-z20: 0 10px 13px -6px var(--jp-shadow-umbra-color),
    0 20px 31px 3px var(--jp-shadow-penumbra-color),
    0 8px 38px 7px var(--jp-shadow-ambient-color);
  --jp-elevation-z24: 0 11px 15px -7px var(--jp-shadow-umbra-color),
    0 24px 38px 3px var(--jp-shadow-penumbra-color),
    0 9px 46px 8px var(--jp-shadow-ambient-color);

  /* Borders
   *
   * The following variables, specify the visual styling of borders in JupyterLab.
   */

  --jp-border-width: 1px;
  --jp-border-color0: var(--md-grey-400);
  --jp-border-color1: var(--md-grey-400);
  --jp-border-color2: var(--md-grey-300);
  --jp-border-color3: var(--md-grey-200);
  --jp-inverse-border-color: var(--md-grey-600);
  --jp-border-radius: 2px;

  /* UI Fonts
   *
   * The UI font CSS variables are used for the typography all of the JupyterLab
   * user interface elements that are not directly user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-ui-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */

  --jp-ui-font-scale-factor: 1.2;
  --jp-ui-font-size0: 0.83333em;
  --jp-ui-font-size1: 13px; /* Base font size */
  --jp-ui-font-size2: 1.2em;
  --jp-ui-font-size3: 1.44em;
  --jp-ui-font-family: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI',
    helvetica, arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';

  /*
   * Use these font colors against the corresponding main layout colors.
   * In a light theme, these go from dark to light.
   */

  /* Defaults use Material Design specification */
  --jp-ui-font-color0: rgba(0, 0, 0, 1);
  --jp-ui-font-color1: rgba(0, 0, 0, 0.87);
  --jp-ui-font-color2: rgba(0, 0, 0, 0.54);
  --jp-ui-font-color3: rgba(0, 0, 0, 0.38);

  /*
   * Use these against the brand/accent/warn/error colors.
   * These will typically go from light to darker, in both a dark and light theme.
   */

  --jp-ui-inverse-font-color0: rgba(255, 255, 255, 1);
  --jp-ui-inverse-font-color1: rgba(255, 255, 255, 1);
  --jp-ui-inverse-font-color2: rgba(255, 255, 255, 0.7);
  --jp-ui-inverse-font-color3: rgba(255, 255, 255, 0.5);

  /* Content Fonts
   *
   * Content font variables are used for typography of user generated content.
   *
   * The font sizing here is done assuming that the body font size of --jp-content-font-size1
   * is applied to a parent element. When children elements, such as headings, are sized
   * in em all things will be computed relative to that body size.
   */

  --jp-content-line-height: 1.6;
  --jp-content-font-scale-factor: 1.2;
  --jp-content-font-size0: 0.83333em;
  --jp-content-font-size1: 14px; /* Base font size */
  --jp-content-font-size2: 1.2em;
  --jp-content-font-size3: 1.44em;
  --jp-content-font-size4: 1.728em;
  --jp-content-font-size5: 2.0736em;

  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-content-presentation-font-size1: 17px;
  --jp-content-heading-line-height: 1;
  --jp-content-heading-margin-top: 1.2em;
  --jp-content-heading-margin-bottom: 0.8em;
  --jp-content-heading-font-weight: 500;

  /* Defaults use Material Design specification */
  --jp-content-font-color0: rgba(0, 0, 0, 1);
  --jp-content-font-color1: rgba(0, 0, 0, 0.87);
  --jp-content-font-color2: rgba(0, 0, 0, 0.54);
  --jp-content-font-color3: rgba(0, 0, 0, 0.38);
  --jp-content-link-color: var(--md-blue-900);
  --jp-content-font-family: system-ui, -apple-system, blinkmacsystemfont,
    'Segoe UI', helvetica, arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol';

  /*
   * Code Fonts
   *
   * Code font variables are used for typography of code and other monospaces content.
   */

  --jp-code-font-size: 13px;
  --jp-code-line-height: 1.3077; /* 17px for 13px base */
  --jp-code-padding: 5px; /* 5px for 13px base, codemirror highlighting needs integer px value */
  --jp-code-font-family-default: menlo, consolas, 'DejaVu Sans Mono', monospace;
  --jp-code-font-family: var(--jp-code-font-family-default);

  /* This gives a magnification of about 125% in presentation mode over normal. */
  --jp-code-presentation-font-size: 16px;

  /* may need to tweak cursor width if you change font size */
  --jp-code-cursor-width0: 1.4px;
  --jp-code-cursor-width1: 2px;
  --jp-code-cursor-width2: 4px;

  /* Layout
   *
   * The following are the main layout colors use in JupyterLab. In a light
   * theme these would go from light to dark.
   */

  --jp-layout-color0: white;
  --jp-layout-color1: white;
  --jp-layout-color2: var(--md-grey-200);
  --jp-layout-color3: var(--md-grey-400);
  --jp-layout-color4: var(--md-grey-600);

  /* Inverse Layout
   *
   * The following are the inverse layout colors use in JupyterLab. In a light
   * theme these would go from dark to light.
   */

  --jp-inverse-layout-color0: #111;
  --jp-inverse-layout-color1: var(--md-grey-900);
  --jp-inverse-layout-color2: var(--md-grey-800);
  --jp-inverse-layout-color3: var(--md-grey-700);
  --jp-inverse-layout-color4: var(--md-grey-600);

  /* Brand/accent */

  --jp-brand-color0: var(--md-blue-900);
  --jp-brand-color1: var(--md-blue-700);
  --jp-brand-color2: var(--md-blue-300);
  --jp-brand-color3: var(--md-blue-100);
  --jp-brand-color4: var(--md-blue-50);
  --jp-accent-color0: var(--md-green-900);
  --jp-accent-color1: var(--md-green-700);
  --jp-accent-color2: var(--md-green-300);
  --jp-accent-color3: var(--md-green-100);

  /* State colors (warn, error, success, info) */

  --jp-warn-color0: var(--md-orange-900);
  --jp-warn-color1: var(--md-orange-700);
  --jp-warn-color2: var(--md-orange-300);
  --jp-warn-color3: var(--md-orange-100);
  --jp-error-color0: var(--md-red-900);
  --jp-error-color1: var(--md-red-700);
  --jp-error-color2: var(--md-red-300);
  --jp-error-color3: var(--md-red-100);
  --jp-success-color0: var(--md-green-900);
  --jp-success-color1: var(--md-green-700);
  --jp-success-color2: var(--md-green-300);
  --jp-success-color3: var(--md-green-100);
  --jp-info-color0: var(--md-cyan-900);
  --jp-info-color1: var(--md-cyan-700);
  --jp-info-color2: var(--md-cyan-300);
  --jp-info-color3: var(--md-cyan-100);

  /* Cell specific styles */

  --jp-cell-padding: 5px;
  --jp-cell-collapser-width: 8px;
  --jp-cell-collapser-min-height: 20px;
  --jp-cell-collapser-not-active-hover-opacity: 0.6;
  --jp-cell-editor-background: var(--md-grey-100);
  --jp-cell-editor-border-color: var(--md-grey-300);
  --jp-cell-editor-box-shadow: inset 0 0 2px var(--md-blue-300);
  --jp-cell-editor-active-background: var(--jp-layout-color0);
  --jp-cell-editor-active-border-color: var(--jp-brand-color1);
  --jp-cell-prompt-width: 64px;
  --jp-cell-prompt-font-family: var(--jp-code-font-family-default);
  --jp-cell-prompt-letter-spacing: 0;
  --jp-cell-prompt-opacity: 1;
  --jp-cell-prompt-not-active-opacity: 0.5;
  --jp-cell-prompt-not-active-font-color: var(--md-grey-700);

  /* A custom blend of MD grey and blue 600
   * See https://meyerweb.com/eric/tools/color-blend/#546E7A:1E88E5:5:hex */
  --jp-cell-inprompt-font-color: #307fc1;

  /* A custom blend of MD grey and orange 600
   * https://meyerweb.com/eric/tools/color-blend/#546E7A:F4511E:5:hex */
  --jp-cell-outprompt-font-color: #bf5b3d;

  /* Notebook specific styles */

  --jp-notebook-padding: 10px;
  --jp-notebook-select-background: var(--jp-layout-color1);
  --jp-notebook-multiselected-color: var(--md-blue-50);

  /* The scroll padding is calculated to fill enough space at the bottom of the
  notebook to show one single-line cell (with appropriate padding) at the top
  when the notebook is scrolled all the way to the bottom. We also subtract one
  pixel so that no scrollbar appears if we have just one single-line cell in the
  notebook. This padding is to enable a 'scroll past end' feature in a notebook.
  */
  --jp-notebook-scroll-padding: calc(
    100% - var(--jp-code-font-size) * var(--jp-code-line-height) -
      var(--jp-code-padding) - var(--jp-cell-padding) - 1px
  );

  /* Rendermime styles */

  --jp-rendermime-error-background: #fdd;
  --jp-rendermime-table-row-background: var(--md-grey-100);
  --jp-rendermime-table-row-hover-background: var(--md-light-blue-50);

  /* Dialog specific styles */

  --jp-dialog-background: rgba(0, 0, 0, 0.25);

  /* Console specific styles */

  --jp-console-padding: 10px;

  /* Toolbar specific styles */

  --jp-toolbar-border-color: var(--jp-border-color1);
  --jp-toolbar-micro-height: 8px;
  --jp-toolbar-background: var(--jp-layout-color1);
  --jp-toolbar-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
  --jp-toolbar-header-margin: 4px 4px 0 4px;
  --jp-toolbar-active-background: var(--md-grey-300);

  /* Statusbar specific styles */

  --jp-statusbar-height: 24px;

  /* Input field styles */

  --jp-input-box-shadow: inset 0 0 2px var(--md-blue-300);
  --jp-input-active-background: var(--jp-layout-color1);
  --jp-input-hover-background: var(--jp-layout-color1);
  --jp-input-background: var(--md-grey-100);
  --jp-input-border-color: var(--jp-inverse-border-color);
  --jp-input-active-border-color: var(--jp-brand-color1);
  --jp-input-active-box-shadow-color: rgba(19, 124, 189, 0.3);

  /* General editor styles */

  --jp-editor-selected-background: #d9d9d9;
  --jp-editor-selected-focused-background: #d7d4f0;
  --jp-editor-cursor-color: var(--jp-ui-font-color0);

  /* Code mirror specific styles */

  --jp-mirror-editor-keyword-color: #008000;
  --jp-mirror-editor-atom-color: #88f;
  --jp-mirror-editor-number-color: #080;
  --jp-mirror-editor-def-color: #00f;
  --jp-mirror-editor-variable-color: var(--md-grey-900);
  --jp-mirror-editor-variable-2-color: rgb(0, 54, 109);
  --jp-mirror-editor-variable-3-color: #085;
  --jp-mirror-editor-punctuation-color: #05a;
  --jp-mirror-editor-property-color: #05a;
  --jp-mirror-editor-operator-color: #a2f;
  --jp-mirror-editor-comment-color: #408080;
  --jp-mirror-editor-string-color: #ba2121;
  --jp-mirror-editor-string-2-color: #708;
  --jp-mirror-editor-meta-color: #a2f;
  --jp-mirror-editor-qualifier-color: #555;
  --jp-mirror-editor-builtin-color: #008000;
  --jp-mirror-editor-bracket-color: #997;
  --jp-mirror-editor-tag-color: #170;
  --jp-mirror-editor-attribute-color: #00c;
  --jp-mirror-editor-header-color: blue;
  --jp-mirror-editor-quote-color: #090;
  --jp-mirror-editor-link-color: #00c;
  --jp-mirror-editor-error-color: #f00;
  --jp-mirror-editor-hr-color: #999;

  /*
    RTC user specific colors.
    These colors are used for the cursor, username in the editor,
    and the icon of the user.
  */

  --jp-collaborator-color1: #ffad8e;
  --jp-collaborator-color2: #dac83d;
  --jp-collaborator-color3: #72dd76;
  --jp-collaborator-color4: #00e4d0;
  --jp-collaborator-color5: #45d4ff;
  --jp-collaborator-color6: #e2b1ff;
  --jp-collaborator-color7: #ff9de6;

  /* Vega extension styles */

  --jp-vega-background: white;

  /* Sidebar-related styles */

  --jp-sidebar-min-width: 250px;

  /* Search-related styles */

  --jp-search-toggle-off-opacity: 0.5;
  --jp-search-toggle-hover-opacity: 0.8;
  --jp-search-toggle-on-opacity: 1;
  --jp-search-selected-match-background-color: rgb(245, 200, 0);
  --jp-search-selected-match-color: black;
  --jp-search-unselected-match-background-color: var(
    --jp-inverse-layout-color0
  );
  --jp-search-unselected-match-color: var(--jp-ui-inverse-font-color0);

  /* Icon colors that work well with light or dark backgrounds */
  --jp-icon-contrast-color0: var(--md-purple-600);
  --jp-icon-contrast-color1: var(--md-green-600);
  --jp-icon-contrast-color2: var(--md-pink-600);
  --jp-icon-contrast-color3: var(--md-blue-600);

  /* Button colors */
  --jp-accept-color-normal: var(--md-blue-700);
  --jp-accept-color-hover: var(--md-blue-800);
  --jp-accept-color-active: var(--md-blue-900);
  --jp-warn-color-normal: var(--md-red-700);
  --jp-warn-color-hover: var(--md-red-800);
  --jp-warn-color-active: var(--md-red-900);
  --jp-reject-color-normal: var(--md-grey-600);
  --jp-reject-color-hover: var(--md-grey-700);
  --jp-reject-color-active: var(--md-grey-800);

  /* File or activity icons and switch semantic variables */
  --jp-jupyter-icon-color: #f37626;
  --jp-notebook-icon-color: #f37626;
  --jp-json-icon-color: var(--md-orange-700);
  --jp-console-icon-background-color: var(--md-blue-700);
  --jp-console-icon-color: white;
  --jp-terminal-icon-background-color: var(--md-grey-800);
  --jp-terminal-icon-color: var(--md-grey-200);
  --jp-text-editor-icon-color: var(--md-grey-700);
  --jp-inspector-icon-color: var(--md-grey-700);
  --jp-switch-color: var(--md-grey-400);
  --jp-switch-true-position-color: var(--md-orange-900);
}
</style>
<style type="text/css">
/* Force rendering true colors when outputing to pdf */
* {
  -webkit-print-color-adjust: exact;
}

/* Misc */
a.anchor-link {
  display: none;
}

/* Input area styling */
.jp-InputArea {
  overflow: hidden;
}

.jp-InputArea-editor {
  overflow: hidden;
}

.cm-editor.cm-s-jupyter .highlight pre {
/* weird, but --jp-code-padding defined to be 5px but 4px horizontal padding is hardcoded for pre.cm-line */
  padding: var(--jp-code-padding) 4px;
  margin: 0;

  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;

}

.jp-OutputArea-output pre {
  line-height: inherit;
  font-family: inherit;
}

.jp-RenderedText pre {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-code-font-size);
}

/* Hiding the collapser by default */
.jp-Collapser {
  display: none;
}

@page {
    margin: 0.5in; /* Margin for each printed piece of paper */
}

@media print {
  .jp-Cell-inputWrapper,
  .jp-Cell-outputWrapper {
    display: block;
  }
}
</style>
<!-- Load mathjax -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-AMS_CHTML-full,Safe"> </script>
<!-- MathJax configuration -->
<script type="text/x-mathjax-config">
    init_mathjax = function() {
        if (window.MathJax) {
        // MathJax loaded
            MathJax.Hub.Config({
                TeX: {
                    equationNumbers: {
                    autoNumber: "AMS",
                    useLabelIds: true
                    }
                },
                tex2jax: {
                    inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                    displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
                    processEscapes: true,
                    processEnvironments: true
                },
                displayAlign: 'center',
                CommonHTML: {
                    linebreaks: {
                    automatic: true
                    }
                }
            });

            MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
        }
    }
    init_mathjax();
    </script>
<!-- End of mathjax configuration --><script type="module">
  document.addEventListener("DOMContentLoaded", async () => {
    const diagrams = document.querySelectorAll(".jp-Mermaid > pre.mermaid");
    // do not load mermaidjs if not needed
    if (!diagrams.length) {
      return;
    }
    const mermaid = (await import("https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.6.0/mermaid.esm.min.mjs")).default;
    const parser = new DOMParser();

    mermaid.initialize({
      maxTextSize: 100000,
      startOnLoad: false,
      fontFamily: window
        .getComputedStyle(document.body)
        .getPropertyValue("--jp-ui-font-family"),
      theme: document.querySelector("body[data-jp-theme-light='true']")
        ? "default"
        : "dark",
    });

    let _nextMermaidId = 0;

    function makeMermaidImage(svg) {
      const img = document.createElement("img");
      const doc = parser.parseFromString(svg, "image/svg+xml");
      const svgEl = doc.querySelector("svg");
      const { maxWidth } = svgEl?.style || {};
      const firstTitle = doc.querySelector("title");
      const firstDesc = doc.querySelector("desc");

      img.setAttribute("src", `data:image/svg+xml,${encodeURIComponent(svg)}`);
      if (maxWidth) {
        img.width = parseInt(maxWidth);
      }
      if (firstTitle) {
        img.setAttribute("alt", firstTitle.textContent);
      }
      if (firstDesc) {
        const caption = document.createElement("figcaption");
        caption.className = "sr-only";
        caption.textContent = firstDesc.textContent;
        return [img, caption];
      }
      return [img];
    }

    async function makeMermaidError(text) {
      let errorMessage = "";
      try {
        await mermaid.parse(text);
      } catch (err) {
        errorMessage = `${err}`;
      }

      const result = document.createElement("details");
      result.className = 'jp-RenderedMermaid-Details';
      const summary = document.createElement("summary");
      summary.className = 'jp-RenderedMermaid-Summary';
      const pre = document.createElement("pre");
      const code = document.createElement("code");
      code.innerText = text;
      pre.appendChild(code);
      summary.appendChild(pre);
      result.appendChild(summary);

      const warning = document.createElement("pre");
      warning.innerText = errorMessage;
      result.appendChild(warning);
      return [result];
    }

    async function renderOneMarmaid(src) {
      const id = `jp-mermaid-${_nextMermaidId++}`;
      const parent = src.parentNode;
      let raw = src.textContent.trim();
      const el = document.createElement("div");
      el.style.visibility = "hidden";
      document.body.appendChild(el);
      let results = null;
      let output = null;
      try {
        const { svg } = await mermaid.render(id, raw, el);
        results = makeMermaidImage(svg);
        output = document.createElement("figure");
        results.map(output.appendChild, output);
      } catch (err) {
        parent.classList.add("jp-mod-warning");
        results = await makeMermaidError(raw);
        output = results[0];
      } finally {
        el.remove();
      }
      parent.classList.add("jp-RenderedMermaid");
      parent.appendChild(output);
    }

    void Promise.all([...diagrams].map(renderOneMarmaid));
  });
</script>
<style>
  .jp-Mermaid:not(.jp-RenderedMermaid) {
    display: none;
  }

  .jp-RenderedMermaid {
    overflow: auto;
    display: flex;
  }

  .jp-RenderedMermaid.jp-mod-warning {
    width: auto;
    padding: 0.5em;
    margin-top: 0.5em;
    border: var(--jp-border-width) solid var(--jp-warn-color2);
    border-radius: var(--jp-border-radius);
    color: var(--jp-ui-font-color1);
    font-size: var(--jp-ui-font-size1);
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  .jp-RenderedMermaid figure {
    margin: 0;
    overflow: auto;
    max-width: 100%;
  }

  .jp-RenderedMermaid img {
    max-width: 100%;
  }

  .jp-RenderedMermaid-Details > pre {
    margin-top: 1em;
  }

  .jp-RenderedMermaid-Summary {
    color: var(--jp-warn-color2);
  }

  .jp-RenderedMermaid:not(.jp-mod-warning) pre {
    display: none;
  }

  .jp-RenderedMermaid-Summary > pre {
    display: inline-block;
    white-space: normal;
  }
</style>
<!-- End of mermaid configuration --></head>
<body class="jp-Notebook" data-jp-theme-light="true" data-jp-theme-name="JupyterLab Light">
<main><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=eb683900-0434-4f8d-9746-69e5aa701e41">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [1]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">requests</span>
<span class="kn">from</span> <span class="nn">bs4</span> <span class="kn">import</span> <span class="n">BeautifulSoup</span>
<span class="c1"># 定义网页获取函数</span>
<span class="k">def</span> <span class="nf">getHtmlText</span><span class="p">(</span><span class="n">url</span><span class="p">,</span><span class="n">user_agent</span><span class="p">):</span> 
    <span class="k">try</span><span class="p">:</span>
        <span class="n">r</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="n">url</span><span class="p">,</span><span class="n">headers</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'User-Agent'</span><span class="p">:</span><span class="n">user_agent</span><span class="p">},</span><span class="n">timeout</span><span class="o">=</span><span class="mi">30</span><span class="p">)</span>
        <span class="n">r</span><span class="o">.</span><span class="n">raise_for_status</span><span class="p">()</span>
        <span class="n">r</span><span class="o">.</span><span class="n">encoding</span> <span class="o">=</span> <span class="s1">'utf-8'</span>
        <span class="k">return</span> <span class="n">r</span><span class="o">.</span><span class="n">text</span>
    <span class="k">except</span><span class="p">:</span>
        <span class="k">return</span> <span class="s2">""</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="n">write</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">ExcelWriter</span><span class="p">(</span><span class="s2">"D:\kk.xlsx"</span><span class="p">)</span>
<span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="s2">"D:\GG.txt"</span><span class="p">,</span><span class="s1">'r'</span><span class="p">,</span><span class="n">encoding</span><span class="o">=</span><span class="s1">'utf-8'</span><span class="p">)</span><span class="k">as</span> <span class="n">file</span><span class="p">:</span>
       <span class="n">urls</span><span class="o">=</span><span class="n">file</span><span class="o">.</span><span class="n">readlines</span><span class="p">()</span>
       <span class="n">l</span><span class="o">=</span><span class="nb">len</span><span class="p">(</span><span class="n">urls</span><span class="p">)</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">1</span><span class="p">):</span>
    <span class="n">url1</span><span class="o">=</span><span class="n">urls</span><span class="p">[</span><span class="n">i</span><span class="p">]</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">'</span><span class="se">\n</span><span class="s1">'</span><span class="p">,</span><span class="s1">''</span><span class="p">)</span>
    <span class="n">user_agent1</span><span class="o">=</span> <span class="s2">"Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36"</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">url1</span><span class="p">)</span>
<span class="k">for</span> <span class="n">i</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">2</span><span class="p">):</span>
    <span class="n">url2</span><span class="o">=</span><span class="n">urls</span><span class="p">[</span><span class="n">i</span><span class="p">]</span><span class="o">.</span><span class="n">replace</span><span class="p">(</span><span class="s1">'</span><span class="se">\n</span><span class="s1">'</span><span class="p">,</span><span class="s1">''</span><span class="p">)</span>
    <span class="n">user_agent2</span><span class="o">=</span> <span class="s2">"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36 Edg/123.0.0.0"</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">url2</span><span class="p">)</span>
    <span class="n">r</span> <span class="o">=</span> <span class="n">getHtmlText</span><span class="p">(</span><span class="n">url1</span><span class="p">,</span><span class="n">user_agent1</span><span class="p">)</span>
    <span class="n">w</span> <span class="o">=</span> <span class="n">getHtmlText</span><span class="p">(</span><span class="n">url2</span><span class="p">,</span><span class="n">user_agent2</span><span class="p">)</span>
<span class="nb">type</span><span class="p">(</span><span class="n">r</span><span class="p">)</span>
<span class="nb">type</span><span class="p">(</span><span class="n">w</span><span class="p">)</span>
<span class="n">r</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>https://www.xiaohongshu.com/explore
https://www.xiaohongshu.com/explore
https://www.neea.edu.cn/
</pre>
</div>
</div>
<div class="jp-OutputArea-child jp-OutputArea-executeResult">
<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[1]:</div>
<div class="jp-RenderedText jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/plain" tabindex="0">
<pre>'&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"&gt;&lt;meta name="format-detection" content="telephone=no,address=no,email=no"&gt;&lt;meta name="mobileOptimized" content="width"&gt;&lt;meta name="HandheldFriendly" content="true"&gt;&lt;meta name="applicable-device" content="pc,mobile"&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"&gt;&lt;meta http-equiv="Cache-Control" content="no-transform"&gt;&lt;meta http-equiv="Cache-Control" content="no-siteapp"&gt;&lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;&lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;&lt;meta name="shenma-site-verification" content="3abbfaac4345ca4daaa5ad2282115298_1476771175"&gt;&lt;meta name="360-site-verification" content="86dcc68a445e2ed8034e85f0ba88a83a"&gt;&lt;meta name="sogou-site-verification" content="tJLhUJDcki"&gt;&lt;meta name="google-site-verification" content="-wdhMjIAPXapbEjwFVejIM-GCtl1fc9nUdOA32eFqpM"&gt;&lt;meta name="baidu-site-verification" content="code-IDjrix2R0M"&gt;&lt;meta&gt;&lt;link rel="shortcut icon" href="https://fe-video-qc.xhscdn.com/fe-platform/ed8fe781ce9e16c1bfac2cd962f0721edabe2e49.ico"&gt;&lt;title&gt;小红书 - 你的生活指南&lt;/title&gt;&lt;script&gt;window.__ERROR_TRACKER_BUFFER__=[],window.onerror=function(o,n,R,_,e){window.__ERROR_TRACKER_BUFFER__.push({error:e||o,extra:{source:n,lineno:R,colno:_}}),(new Image).src="//www.xiaohongshu.com/eplDKtpK4k.txt?l="+location.href+"&amp;a="+o+"&amp;b="+n+"&amp;c="+R+"&amp;d="+_+"&amp;e="+(e?e.stack:"")}&lt;/script&gt;&lt;script&gt;window.__KONG_HTML__&lt;/script&gt;&lt;script&gt;var ErrorTrackerKey="__APM__ResourceErrorTracker__";function noEaglet(){return!window.eaglet||void 0===window.eaglet.push||"function"!=typeof window.eaglet.push}try{localStorage.removeItem(ErrorTrackerKey)}catch(r){console.log(r)}function sendMetrics(r={}){if(0!==Object.keys(r).length)if(noEaglet())try{var e=localStorage.getItem(ErrorTrackerKey),t=e?JSON.parse(e):[];500===t.length&amp;&amp;t.shift(),r.projectName="xhs-pc-web",localStorage.setItem(ErrorTrackerKey,JSON.stringify(t.concat(r)))}catch(r){console.error(r)}else if(!0===window.eaglet.supportResourceError&amp;&amp;!window.insight){var o={browserResourceError:{type:"BrowserResourceError",value:[r]}};window.eaglet.push({browserApmTracker:{type:"BrowserApmTracker",value:o}},"ApmTracker")}}function formatResourceErrorData(r,e){return r&amp;&amp;""!==r&amp;&amp;e?{name:r,initiatorType:e,clientEventTime:String(Date.now())}:{}}function getInitiatorType(r){return r instanceof HTMLScriptElement?"script":r instanceof HTMLLinkElement?"link":r instanceof HTMLImageElement?"img":null}function getName(r,e){switch(r){case"img":return e.target.currentSrc||e.target.src;case"script":return e.target.src;case"link":return e.target.href;default:return null}}function resourceLoadErrorListener(r){var e=getInitiatorType(r.target);if(("img"!==e||r.target.src!==window.location.href)&amp;&amp;e){var t=getName(e,r);if(t)sendMetrics(formatResourceErrorData(t,e))}}window.addEventListener("error",resourceLoadErrorListener,!0)&lt;/script&gt;&lt;script src="https://fe-video-qc.xhscdn.com/fe-platform/3fda39fbaccf3812c7e53d6a8c9c01afaeb53301.js?s=sdt_source_init" defer="defer"&gt;&lt;/script&gt;&lt;script src="https://fe-video-qc.xhscdn.com/fe-platform/6e0d0a976c31ec4cf07d8dfaea68aefe79a8c678.js" defer="defer"&gt;&lt;/script&gt;&lt;script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/runtime-main.d29510a.js" defer="defer" crossorigin xhs-integrity=""&gt;&lt;/script&gt;&lt;script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/vendor-dynamic.9703b77.js" defer="defer" crossorigin xhs-integrity=""&gt;&lt;/script&gt;&lt;script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/vendor.8f7a59d.js" defer="defer" crossorigin xhs-integrity=""&gt;&lt;/script&gt;&lt;script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/main.c3516bf.js" defer="defer" crossorigin xhs-integrity=""&gt;&lt;/script&gt;&lt;style type="text/css"&gt;.reds-icon[data-v-23d27ada]{display:inline-block;vertical-align:middle;fill:currentColor}.reds-mask[data-v-c7b453c8]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--mask-backdrop);z-index:-1}.reds-lock-scroll,.reds-lock-scroll #app,.reds-lock-scroll body{overflow:hidden!important}.reds-modal[data-v-44e0d37c]{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000002;box-sizing:border-box;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s}.reds-modal-open[data-v-44e0d37c]{visibility:visible;opacity:1}.reds-dialog-paper[data-v-b651902c]{box-sizing:border-box;background-color:var(--elevation-high-background)}.reds-dialog-paper[data-v-b651902c]:focus{outline:none}.reds-dialog-paper-bottom[data-v-b651902c]{position:absolute;left:0;right:0;bottom:0;margin-left:auto;margin-right:auto;width:100%;border-radius:12px 12px 0 0}.reds-dialog-paper-middle[data-v-b651902c]{border-radius:12px;width:270px;position:relative}.reds-dialog-paper-right[data-v-b651902c]{position:absolute;top:0;right:0;bottom:0;width:80%;max-width:450px}.reds-dialog-paper-middle[data-v-b651902c]{transition:transform .2s ease-in-out;transform:translate3d(0,16px,0)}.reds-modal-open .reds-dialog-paper-middle[data-v-b651902c]{transform:translateZ(0)}.reds-dialog-paper-bottom[data-v-b651902c]{transition:transform .2s ease-in-out;transform:translate3d(0,100%,0)}.reds-modal-open .reds-dialog-paper-bottom[data-v-b651902c]{transform:translateZ(0)}.reds-dialog-paper-right[data-v-b651902c]{transition:transform .2s ease-in-out;transform:translate3d(100%,0,0)}.reds-modal-open .reds-dialog-paper-right[data-v-b651902c]{transform:translateZ(0)}.reds-text.left[data-v-91c159ac]{text-align:left}.reds-text.center[data-v-91c159ac]{text-align:center}.reds-text.right[data-v-91c159ac]{text-align:right}.reds-text.line-clamp-1[data-v-91c159ac]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reds-text.line-clamp-2[data-v-91c159ac],.reds-text.line-clamp-3[data-v-91c159ac],.reds-text.line-clamp-4[data-v-91c159ac]{word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.reds-text.line-clamp-2[data-v-91c159ac]{-webkit-line-clamp:2}.reds-text.line-clamp-3[data-v-91c159ac]{-webkit-line-clamp:3}.reds-text.line-clamp-4[data-v-91c159ac]{-webkit-line-clamp:4}.reds-text.fs10[data-v-91c159ac]{font-size:12PX;transform-origin:0 50%;transform:scale(.8333333333333334)}.reds-text.fs10.center[data-v-91c159ac]{transform-origin:50% 50%}.reds-text.fs10.right[data-v-91c159ac]{transform-origin:100% 50%}.fw400[data-v-91c159ac]{font-weight:400}.fw600[data-v-91c159ac]{font-weight:600}.ff_number[data-v-91c159ac]{font-family:vars("RED Number")}.ff_number_medium[data-v-91c159ac]{font-family:vars("RED Number Medium")}.ff_number_bold[data-v-91c159ac]{font-family:vars("RED Number Bold")}.fs10[data-v-91c159ac]{font-size:10px}.fs12[data-v-91c159ac]{font-size:12px}.fs14[data-v-91c159ac]{font-size:14px}.fs16[data-v-91c159ac]{font-size:16px}.fs18[data-v-91c159ac]{font-size:18px}.fs20[data-v-91c159ac]{font-size:20px}.fs24[data-v-91c159ac]{font-size:24px}.fs32[data-v-91c159ac]{font-size:32px}.lh12[data-v-91c159ac]{line-height:12px}.lh16[data-v-91c159ac]{line-height:16px}.lh18[data-v-91c159ac]{line-height:18px}.lh20[data-v-91c159ac]{line-height:20px}.lh22[data-v-91c159ac]{line-height:22px}.lh24[data-v-91c159ac]{line-height:24px}.lh26[data-v-91c159ac]{line-height:26px}.lh28[data-v-91c159ac]{line-height:28px}.lh30[data-v-91c159ac]{line-height:30px}.lh32[data-v-91c159ac]{line-height:32px}.lh38[data-v-91c159ac]{line-height:38px}.lh40[data-v-91c159ac]{line-height:40px}.lh52[data-v-91c159ac]{line-height:52px}.reds-dialog-button[data-v-6688cc92]{position:relative;height:48px;width:100%;white-space:nowrap;padding:8px 16px;display:flex;box-sizing:border-box;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer}.reds-dialog-button[data-v-6688cc92]:active{background-color:var(--color-tertiary-label)}.reds-dialog-button.primary[data-v-6688cc92]{color:var(--color-red)}.reds-dialog-button.secondary[data-v-6688cc92]{color:var(--color-tertiary-label)}.reds-dialog-button-group[data-v-7118e924]{margin-top:20px;display:flex;position:relative}.reds-dialog-button-group.row[data-v-7118e924]{flex-direction:row}.reds-dialog-button-group.row[data-v-7118e924] .reds-dialog-button{flex:1}.reds-dialog-button-group.column[data-v-7118e924]{flex-direction:column}.reds-dialog-button-group.row[data-v-7118e924] .reds-dialog-button+.reds-dialog-button:before{content:"";position:absolute;background-color:var(--color-primary-label);opacity:.1;top:0;left:0;width:1PX;height:100%;transform:translateX(-.5PX) scaleX(.5)}.reds-dialog-button-group.column[data-v-7118e924] .reds-dialog-button+.reds-dialog-button:before,.reds-dialog-button-group[data-v-7118e924]:before{content:"";position:absolute;background-color:var(--color-primary-label);opacity:.1;left:0;top:0;width:100%;height:1PX;transform:translateY(-.5PX) scaleY(.5)}.reds-dialog-title{padding-left:20px;padding-right:20px;margin-bottom:4px}.reds-dialog-content{margin-top:20px;margin-bottom:20px;padding-left:20px;padding-right:20px}.reds-image-container{position:relative;display:inline-block;vertical-align:middle}.reds-image-container.white{background-color:#fff}.reds-image-container.gray{background-color:#f5f5f5}.reds-image-container.transparent{background:transparent}.reds-image-container .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reds-image-container.responsive,.reds-img-placeholder{display:block}.reds-img,.reds-img-box{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}.reds-img{object-fit:cover}.reds-img:not([data-load-status=loaded]){visibility:hidden}.reds-img.animated{opacity:0;transition-duration:.15s;transition-timing-function:ease-out}.reds-img.animated[data-load-status=loaded]{opacity:1}.reds-progress-indicator{display:inline-block}.reds-progress-indicator__media-box{position:relative;width:40px;height:40px}.reds-progress-indicator__media-box__text{color:#333;width:25px;height:16px;position:absolute;font-size:$FontSizeT3;line-height:16px;-webkit-user-select:none;user-select:none;top:16px;left:12px}.reds-progress-indicator__media-box-circle{transform:rotate(-90deg)}.reds-progress-indicator__media-box-circle--inactive{stroke:var(--color-border)}.reds-progress-indicator__media-spinner{display:flex;justify-content:center;align-items:center;width:24px;height:24px}.reds-progress-indicator__media-spinner__icon path{transform-origin:50% 50%;animation:reds-progress-indicator-spinner-rotate 1.5s linear infinite;fill:#333}.reds-progress-indicator__activity-indicator{width:24px;height:24px}.reds-progress-indicator__page-loading{z-index:999;width:22px;height:22px}.reds-progress-indicator__page-loading.has-background{width:44px;height:44px;background-color:var(--color-active-background);border-radius:8px}@keyframes reds-progress-indicator-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.reds-avatar-live{position:absolute;left:50%;bottom:0;font-style:normal;white-space:nowrap;border-radius:60PX;transform:translate(-50%,50%) scale(.5);color:hsla(0,0%,100%,.99);background-color:#ff2e4d;overflow:hidden}.reds-avatar-live-animation:before{content:"";border-radius:60PX;position:absolute;width:10px;height:50px;left:-100px;background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:searchLights .6s ease-in .1s 2}.reds-avatar.size-s .reds-avatar-live{font-size:14px;line-height:20px;padding:0 6px;margin-bottom:2px}.reds-avatar.size-m .reds-avatar-live{font-size:16px;line-height:24px;padding:0 8px;margin-bottom:2px}.reds-avatar.size-l .reds-avatar-live{font-size:20px;line-height:32px;padding:0 12px;margin-bottom:2px}.reds-avatar.size-auto .reds-avatar-live,.reds-avatar.size-xl .reds-avatar-live{font-size:24px;line-height:40px;padding:0 16px;margin-bottom:3px}.reds-avatar .animated{animation:waveInSide 1.8s cubic-bezier(.4,.05,.6,.95) infinite}.reds-avatar .animated-outside{opacity:0;animation:waveOutSide 1.8s cubic-bezier(.5,.05,.95,.75) infinite}@keyframes searchLights{0%{left:-20px;top:0}to{left:100%;top:0}}@keyframes waveInSide{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes waveOutSide{0%{transform:scale(1.1);opacity:0}50%{transform:scale(1.1);opacity:0}51%{transform:scale(1.1);opacity:1}75%{border-width:1px;opacity:1}to{transform:scale(1.2);border-width:0;box-shadow:inset 0 0 0 .5px currentColor;opacity:0}}.reds-avatar{position:relative;border-radius:1000PX;color:#fff;background-color:currentColor;box-shadow:0 0 1PX hsla(0,0%,80%,.1);display:inline-block;vertical-align:middle}.reds-avatar-img-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;border-radius:inherit;align-items:center;justify-content:center;overflow:hidden}.reds-avatar-img-box img{object-fit:cover;display:block;height:100%;width:100%}.reds-avatar.responsive{display:inline-block}.reds-avatar.size-auto{display:block;flex:1;min-width:0}.reds-avatar-border:before{content:"";display:block;padding-top:100%}.reds-avatar-border{top:-50%;left:-50%;width:200%;transform:scale(.5)}.reds-avatar-border,.reds-avatar-outline{position:absolute;border-radius:inherit;box-sizing:border-box}.reds-avatar-outline{top:0;left:0;width:100%}.reds-avatar-outline:before{content:"";display:block;padding-top:100%}.reds-avatar-outline.red{color:#ff2e4d}.reds-avatar-outline.yellow{color:#ffe900}.reds-avatar-outline.white{color:#fff}.reds-avatar-outline.s,.reds-avatar.size-s .reds-avatar-outline{top:-1px;left:-1px;width:calc(100% + 2px);border:1px solid}.reds-avatar-outline.m,.reds-avatar.size-m .reds-avatar-outline{top:-2px;left:-2px;width:calc(100% + 4px);border:1px solid}.reds-avatar-outline.l,.reds-avatar-outline.xl,.reds-avatar.size-auto .reds-avatar-outline,.reds-avatar.size-l .reds-avatar-outline,.reds-avatar.size-xl .reds-avatar-outline{top:-3px;left:-3px;width:calc(100% + 6px);box-shadow:inset 0 0 0 1.5PX currentColor}.reds-dialog-avatar[data-v-df5aee70]{margin:0 auto 16px}.reds-dialog-avatar.responsive.reds-avatar[data-v-df5aee70]{display:block}.reds-button-new{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;outline:none;background:none;border:none;vertical-align:middle;text-align:center;display:inline-block;padding:0;border-radius:100px;font-weight:500}.reds-button-new-box{display:flex;align-items:center;justify-content:center;position:relative;font-weight:500}.reds-button-new.primary{background-color:#ff2e4d;color:#fff}.reds-button-new.primary.active{color:#000;background-color:rgba(0,0,0,.04)}.reds-button-new.outlined{background-color:#fff;color:#ff2e4d;border:1px solid #ff2e4d}.reds-button-new.outlined.active{color:#000;border-color:rgba(0,0,0,.1)}.reds-button-new.outlined.disabled{color:var(--color-quaternary-label);border:1px solid var(--color-quaternary-label)}.reds-button-new.text{border:none;background:var(--elevation-high-background);color:#ff2e4d}.reds-button-new.text.active{background-color:#000;color:$White;border:1px solid var(--color-border)}.reds-button-new.text.disabled{color:var(--color-quaternary-label)}.reds-button-new.dark{background-color:rgba(37,37,42,.99);color:var(--color-inverted-label)}.reds-button-new.filledGray{background-color:var(--color-active-background)}.reds-button-new.filledGray.disabled{color:var(--color-quaternary-label)}.reds-button-new.outlinedGray{border:1px solid var(--color-border)}.reds-button-new.outlinedGray.disabled{color:var(--color-quaternary-label)}.reds-button-new.mini{font-size:$FontSizeT3;line-height:$LineHeightT3Label;padding:0 12px;height:24px}.reds-button-new.mini .reds-icon,.reds-button-new.mini img{width:16px;height:16px;margin-right:4px;font-size:$FontSizeT3}.reds-button-new.small{font-size:$FontSizeT3;line-height:$LineHeightT3Label;padding:0 14px;height:28px}.reds-button-new.small.text{height:$LineHeightT3Label}.reds-button-new.small .reds-icon,.reds-button-new.small img{width:16px;height:16px;margin-right:4px;font-size:$FontSizeT3}.reds-button-new.medium{font-size:$FontSizeT2;line-height:18px;padding:0 20px;height:36px}.reds-button-new.medium .reds-icon,.reds-button-new.medium img{width:20px;height:20px;margin-right:6px;font-size:$FontSizeT2}.reds-button-new.large{font-size:16px;font-weight:600;line-height:16px;padding:0 24px;height:40px}.reds-button-new.large.text{height:18px}.reds-button-new.large .reds-icon,.reds-button-new.large img{width:20px;height:20px;margin-right:8px;font-size:$FontSizeT2}.reds-button-new.extraLarge{font-size:16px;line-height:20px;padding:0 32px;height:48px}.reds-button-new.extraLarge.text{height:20px}.reds-button-new.extraLarge .reds-icon,.reds-button-new.extraLarge img{width:24px;height:24px;margin-right:10px;font-size:16px}.reds-button-new.mini.has-icon{padding-left:8px}.reds-button-new.small.has-icon{padding-left:10px}.reds-button-new.medium.has-icon{padding-left:12px}.reds-button-new.large.has-icon{padding-left:16px}.reds-button-new.extraLarge.has-icon{padding-left:20px}.reds-button-new.has-icon.pure-icon{border-radius:50%}.reds-button-new.has-icon.pure-icon .reds-button-new-box{padding:0}.reds-button-new.has-icon.pure-icon .reds-button__icon{margin-right:0}.reds-button-new.has-icon.pure-icon.mini{padding:0 4px}.reds-button-new.has-icon.pure-icon.small{padding:0 6px}.reds-button-new.has-icon.pure-icon.medium{padding:0 8px}.reds-button-new.has-icon.pure-icon.large{padding:0 10px}.reds-button-new.has-icon.pure-icon.extraLarge{padding:0 12px}.reds-button-new.block{display:block;width:100%}.dark-mode .reds-button-new.outlined{background-color:inherit}.dark-mode .reds-button-new.outlined.disabled{color:var(--color-quaternary-label);border-color:var(--color-quaternary-label)}.dark-mode .reds-button-new.filledGray,.dark-mode .reds-button-new.outlinedGray{color:#fff}.dark-mode .reds-button-new.text{background-color:#fff}.dark-mode .reds-button-new.disabled.filledGray,.dark-mode .reds-button-new.disabled.outlinedGray{color:var(--color-quaternary-label)}.reds-button-new.disabled{cursor:not-allowed}.reds-button-new.dark.disabled,.reds-button-new.primary.disabled{opacity:.6}.reds-button-new.text{padding:0}.reds-alert-mask-slide-fade-enter-active,.reds-alert-mask-slide-fade-leave-active{transition:opacity .1s ease}.reds-alert-mask-slide-fade-enter-from,.reds-alert-mask-slide-fade-leave-to{opacity:0}.reds-alert-mask-fade-enter-active,.reds-alert-mask-fade-leave-active{transition:opacity .2s ease}.reds-alert-slide-fade-enter-from,.reds-alert-slide-fade-leave-to{opacity:0}.reds-alert{position:relative}.reds-alert .reds-alert-mask{position:fixed;top:0;left:0;z-index:99;width:100%;height:100%;background-color:var(--mask-backdrop)}.reds-alert .reds-alert-wrapper{position:fixed;z-index:999;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);width:270px;min-height:114px;overflow:hidden;border-radius:12px;max-width:calc(100vw - 32);background-color:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);-webkit-backface-visibility:hidden;backface-visibility:hidden}.reds-alert .reds-alert-wrapper.has-content .reds-alert-title{padding-bottom:4px}.reds-alert .reds-alert-wrapper.slot-content .reds-alert-title{padding-bottom:16px}.reds-alert .reds-alert-wrapper.has-media .reds-alert-title{padding-bottom:20px}.reds-alert .reds-alert-wrapper .reds-alert-title{color:var(--color-primary-label);padding-top:20px;padding-bottom:26px;font-weight:500;font-size:16px;line-height:26px;text-align:center}.reds-alert .reds-alert-wrapper .reds-alert-content{position:relative}.reds-alert .reds-alert-wrapper .reds-alert-content .reds-dialog__message__overlay{position:fixed;left:0;bottom:70px;width:100%;height:40px;background:linear-gradient(180deg,hsla(0,0%,100%,0),var(--color-primary-label))}.reds-alert .reds-alert-wrapper .reds-alert-content .reds-dialog__message{color:var(--color-tertiary-label);flex:1;max-height:120px;padding:0 20px;overflow-y:auto;font-size:$FontSizeT3;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;margin-bottom:20px}.reds-alert .reds-alert-wrapper .reds-alert-content .reds-dialog__message.left{text-align:left}.reds-alert .reds-alert-wrapper .reds-alert-footer{background:var(--elevation-high-background);border-top:1px solid var(--color-border);display:flex;align-items:center}.reds-alert .reds-alert-wrapper .reds-alert-footer.reds-alert-footer__round-button{border:none;padding:0 20px 20px}.reds-alert .reds-alert-wrapper .reds-alert-footer.reds-alert-footer__round-button.vertical{padding-bottom:16px}.reds-alert .reds-alert-wrapper .reds-alert-footer.vertical.reds-alert-footer__round-button .reds-alert-footer__left.reds-button-new.text{height:16px;margin-top:12px}.reds-alert .reds-alert-wrapper .reds-alert-footer.vertical{flex-direction:column-reverse}.reds-alert .reds-alert-wrapper .reds-alert-footer.vertical .reds-alert-footer__left,.reds-alert .reds-alert-wrapper .reds-alert-footer.vertical .reds-alert-footer__right{width:100%}.reds-alert .reds-alert-wrapper .reds-alert-footer.vertical .reds-alert-footer__right:before{border-left:none;width:100%;height:1px;top:100%;transform:translateY(0);background-color:rgba(0,0,0,.08)}.reds-alert .reds-alert-wrapper .reds-alert-footer.mono .reds-button-new.text .reds-button-new-text{color:var(--color-secondary-label);font-weight:400}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__left{width:50%}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__left.reds-button-new.text{height:48px}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__left .reds-button-new-text{color:var(--color-tertiary-label);font-weight:400}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right{width:50%}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right.reds-button-new.text{height:48px}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right.block{width:100%}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right:before{position:absolute;top:50%;left:0;width:1px;height:28px;border-left:1px solid rgba(0,0,0,.08);transform:translateY(-50%);content:" "}.reds-alert .reds-alert-wrapper .reds-alert-footer .reds-alert-footer__right.rounded:before{opacity:0}.reds-alert .reds-alert-wrapper__media__asset{display:flex;justify-content:center;padding-top:20px}[data-v-1ad5815e] .reds-alert-mask{background-color:var(--mask-backdrop)}[data-v-1ad5815e] .reds-alert-footer{border-top:1px solid var(--color-border);width:calc(100% - 12px);margin:0 auto;padding:6px 0}[data-v-1ad5815e] .reds-alert-title{color:var(--color-primary-label)!important;line-height:120%;padding-top:24px!important;font-weight:600!important;line-height:normal!important}[data-v-1ad5815e] .reds-alert-content{line-height:120%;font-size:16px}.foot-btns[data-v-1ad5815e]{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.foot-btns .foot-btn[data-v-1ad5815e]{width:100%;display:flex;align-items:center;justify-content:center;height:40px;font-weight:600;font-size:16px;cursor:pointer;color:var(--color-secondary-label)}.foot-btns .foot-btn[data-v-1ad5815e]:hover{background-color:var(--color-active-background);border-radius:8px;color:var(--color-primary-label)}.icon-btn-wrapper{width:var(--89230a62);height:var(--cedc3584);border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-secondary-label)}.icon-btn-wrapper:hover{border-radius:999px;color:var(--color-primary-label);background:var(--color-active-background)}.reds-toast-container[data-v-28332a0f]{transition:opacity .4s}.fade-enter-active[data-v-28332a0f]{opacity:1}.fade-leave-active[data-v-28332a0f]{opacity:0}.reds-toast[data-v-28332a0f]{font-size:16px;line-height:120%;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:fixed;z-index:1001000;max-width:300px;pointer-events:none;border-radius:1000PX;padding:12px 16px;margin-top:4px;margin-bottom:4px;color:var(--color-inverted-label);background:var(--material-inverted-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter)}.top-left[data-v-28332a0f]{top:5%;left:0}.top-center[data-v-28332a0f]{top:5%;left:50%;transform:translateX(-50%)}.top-right[data-v-28332a0f]{top:5%;right:0}.center[data-v-28332a0f]{top:50%;left:50%;transform:translate(-50%,-50%)}.bottom-left[data-v-28332a0f]{bottom:5%;left:0}.bottom-center[data-v-28332a0f]{bottom:5%;left:50%;transform:translateX(-50%)}.bottom-right[data-v-28332a0f]{bottom:5%;right:0}.reds-sticky[data-v-2e1fc0ab]{z-index:5!important;background:var(--mask-paper)}.reds-sticky-box.sticky .reds-sticky[data-v-2e1fc0ab]{position:fixed;z-index:10010;top:0;width:100%;box-sizing:border-box}li[data-v-1a45a638]{list-style:none}ul[data-v-1a45a638]{margin:0;padding:0}.channel[data-v-1a45a638]{font-size:16px;font-weight:600;margin-left:14px;color:var(--color-primary-label)}.user[data-v-1a45a638]{position:relative}.login-btn[data-v-1a45a638]{font-size:16px;height:48px;width:100%;font-weight:600;margin-bottom:8px}.side-bar-component[data-v-1a45a638]{display:flex}@media screen and (min-width:696px) and (max-width:959px){.side-bar-component[data-v-1a45a638]{display:none}}@media screen and (max-width:695px){.side-bar-component[data-v-1a45a638]{display:none}}.bottom-menu-component[data-v-1a45a638]{display:none}@media screen and (min-width:696px) and (max-width:959px){.bottom-menu-component[data-v-1a45a638]{display:flex}}@media screen and (max-width:695px){.bottom-menu-component[data-v-1a45a638]{display:flex}}li[data-v-83911130]{list-style:none}ul[data-v-83911130]{margin:0;padding:0}.text-active[data-v-83911130]{color:var(--color-tertiary-label)}@media screen and (min-width:960px){.text-active.active[data-v-83911130],.text-active[data-v-83911130]{color:var(--color-primary-label)}}.bg-active[data-v-83911130]{color:var(--color-primary-label)}@media screen and (min-width:960px){.bg-active[data-v-83911130]{background-color:var(--color-active-background);border-radius:999px}}.tertiary-label[data-v-83911130]{color:var(--color-tertiary-label)!important}.initial-bg[data-v-83911130]{background:var(--color-background)}.multistage-toggle[data-v-1e641d58]{position:relative;background:var(--color-active-background);display:flex();padding:2px;border-radius:999px;cursor:pointer}.toggle-item[data-v-1e641d58]{border-radius:999px;background:transparent;color:var(--color-tertiary-label)}.toggle-item[data-v-1e641d58]:hover{color:var(--color-primary-label)}.toggle-item.active[data-v-1e641d58]{background:var(--elevation-low-background);box-shadow:var(--elevation-low-shadow);color:var(--color-primary-label)}.icon-wrapper[data-v-1e641d58]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.method-desc[data-v-1e641d58]{bottom:32px;white-space:nowrap;position:absolute;border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);border-radius:6px;font-size:12px;padding:5.5px 8px;background:var(--elevation-high-background);line-height:140%;color:var(--color-secondary-label)}.reds-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:72px;height:72px;border-radius:8px;border:1px solid var(--color-border);color:var(--color-tertiary-label);font-size:12px;font-weight:400;line-height:120%}.reds-uploader__upload:hover{background:var(--color-active-background);color:var(--color-secondary-label)}.reds-uploader__upload.four{width:78px;height:78px}.reds-uploader__upload.three{width:109px;height:109px}.reds-uploader__upload.two{width:166px;height:94px}.reds-uploader__upload .reds-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0;overflow:hidden}.reds-uploader__upload .reds-uploader__input.reds-uploader__input_disabled{cursor:not-allowed}.reds-uploader__upload .reds-uploader__desc{margin:0}.reds-uploader__upload .reds-uploader_input_desc{display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:6px;gap:6px;position:absolute;top:0;left:0;width:100%;height:100%}.reds-uploader__upload .reds-uploader_input_desc:hover{color:var(--color-secondary-label)}.reds-uploader__upload__add-icon path{fill:$ThemeDescription;fill-opacity:1}.reds-uploader__upload--disabled{opacity:.5;cursor:not-allowed}.reds-uploader__upload--disabled:hover{background:transparent;color:var(--color-tertiary-label);opacity:.5}.reds-uploader__upload--disabled .reds-uploader__desc{color:$ThemeDisabled}.reds-uploader__upload--disabled .reds-uploader__upload__add-icon path{fill:$ThemeDisabled}.reds-uploader__wrapper{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px}.reds-uploader__wrapper .reds-uploader__preview{position:relative;border-radius:8px;border:1px solid var(--color-border)}.reds-uploader__wrapper .reds-uploader__preview.four:nth-of-type(4n),.reds-uploader__wrapper .reds-uploader__preview.three:nth-of-type(3n),.reds-uploader__wrapper .reds-uploader__preview.two,.reds-uploader__wrapper .reds-uploader__preview.two:nth-of-type(2n){margin-right:0}.reds-uploader__wrapper .reds-uploader__preview.two:nth-of-type(2n)--narrowMargin{margin-bottom:0}.reds-uploader__wrapper .reds-uploader__preview__image{width:100%;height:100%}.reds-uploader__wrapper .reds-uploader__preview__image__content{border-radius:7px;width:100%;height:100%;visibility:visible}.reds-uploader__wrapper .reds-uploader__preview__delete{display:flex;align-items:center;justify-content:center;position:absolute;top:4px;right:4px;background:var(--material-background);padding:2px;cursor:pointer;color:var(--color-white);border-radius:4px;-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);width:20px;height:20px}.reds-uploader__wrapper .reds-uploader__preview__delete__icon path:first-of-type{fill:$ThemeFill4}.reds-uploader__wrapper .reds-uploader__preview__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:$AlwaysDarkFill4;border-radius:6px;width:72px;height:72px;color:var(--color-tertiary-label);font-size:12px;font-weight:400;line-height:120%}.reds-uploader__wrapper .reds-uploader__preview__mask.four,.reds-uploader__wrapper .reds-uploader__preview__mask.three,.reds-uploader__wrapper .reds-uploader__preview__mask.two{width:100%;height:100%}.reds-uploader__wrapper .reds-uploader__preview__mask .reds-progress-indicator__media-spinner path{fill:$AlwaysLightFill5}.reds-uploader__wrapper .reds-uploader__preview__mask__msg{margin:6px 0 0}.reds-uploader__wrapper .image_loading{color:var(--color-tertiary-label);width:100%;height:100%;font-size:12px;font-weight:400;line-height:120%;display:flex;align-items:center;justify-content:center;flex-direction:column;grid-gap:6px;gap:6px}.reds-uploader__wrapper .image_loading .msg{margin:0}.reds-tab-pane-list{display:flex;overflow-x:auto;overflow-y:hidden}.reds-tab-pane-list:empty{height:0}.reds-tab-pane-list::-webkit-scrollbar{display:none}.reds-tabs-list{display:flex;flex-wrap:nowrap;position:relative;font-size:16px}.reds-tabs-list::-webkit-scrollbar{display:none}.reds-tabs-list&gt;.active-tag{position:absolute;height:40px;bottom:0;background-color:var(--color-active-background);border-radius:999px;pointer-events:none}.reds-tabs-list&gt;.active-bar{position:absolute;bottom:.5em;height:2px;background-color:#ff2e4d;border-radius:2px;pointer-events:none}.reds-tabs-list&gt;.reds-tab-item{display:flex;align-items:center;box-sizing:border-box;height:40px;cursor:pointer;color:var(--color-secondary-label);white-space:nowrap;transition:transform .3s cubic-bezier(.2,0,.25,1);z-index:1}.reds-tabs-list&gt;.reds-tab-item.active{font-weight:600;color:var(--color-primary-label)}.reds-tabs-list.text&gt;.reds-tab-item.active{transform:scale(1.28)}.reds-tabs-list.left{justify-content:flex-start}.reds-tabs-list.right{justify-content:flex-end}.reds-tabs-list.center{justify-content:center}.reds-tab-item{display:flex;align-items:center}.divider[data-v-4d79a894]{margin:4px 8px;list-style:none;height:0;border:solid var(--color-border);border-width:1px 0 0}.badge-container[data-v-683ac9b9]{position:relative}.count[data-v-683ac9b9]{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;padding:0 4px;min-width:16px;height:16px;border-radius:999px;color:var(--color-white);background-color:var(--color-red);font-size:12px;font-weight:500;transform:translate(calc(100% - 4px),calc(-100% + 4px));z-index:1}.dropdown-container[data-v-88087ba4]{position:absolute;left:0;right:0;top:0;height:0;-webkit-user-select:none;user-select:none}.dropdown-items[data-v-88087ba4]{padding:4px;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px;min-width:192px;overflow:scroll;z-index:10;position:relative}.title[data-v-5873af7d]{height:32px;font-weight:400;font-size:12px;line-height:120%;display:flex;color:var(--color-tertiary-label);padding:9px 12px}.dropdown-container[data-v-6523356a]{position:fixed;z-index:10;left:0;right:0;top:0;height:0}.dropdown-items[data-v-6523356a]{padding:4px;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px;min-width:192px;overflow:scroll;z-index:10;position:relative}.right-icon[data-v-6523356a]{visibility:hidden;opacity:0;transition:opacity .5s;color:var(--color-quaternary-label)}.text[data-v-6523356a]{flex-grow:1;height:100%;display:flex;align-items:center;color:var(--color-secondary-label)}li[data-v-6523356a]{list-style:none;height:40px;padding:0 12px;display:flex;align-items:center;width:100%;font-size:16px;cursor:pointer}li[data-v-6523356a]:hover{background:var(--color-active-background);border-radius:8px;color:var(--color-primary-label)}li:hover .right-icon[data-v-6523356a]{visibility:visible;opacity:1}.done[data-v-6523356a],.selected[data-v-6523356a],li:hover .text[data-v-6523356a]{color:var(--color-primary-label)}.selected[data-v-6523356a]{font-weight:600}.left-icon[data-v-6523356a]{margin-right:4px;color:var(--color-tertiary-label)}.toolbox[data-v-4d62a79f]{width:24px;height:70px;position:absolute;left:0;top:0}.container[data-v-6f093b8a]{width:100%;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px}.container .group-wrapper[data-v-6f093b8a]{padding:4px}.container .group-wrapper.allow-overflow[data-v-6f093b8a]{max-height:440px;overflow-y:scroll}.back[data-v-6f093b8a]{display:flex;align-items:center;justify-content:center;position:absolute;width:28px;height:28px;margin:10px 0 0 8px;color:var(--color-secondary-label);cursor:pointer;border-radius:999px}.back[data-v-6f093b8a]:hover{color:var(--color-primary-label);background:var(--color-active-background)}.group-navi[data-v-6f093b8a]{display:flex;align-items:center;color:var(--color-primary-label);height:48px;padding:4px 8px;font-size:16px;font-weight:600;justify-content:center;border-bottom:1px solid var(--color-border)}.group-header[data-v-6f093b8a]{height:32px;color:var(--color-tertiary-label);font-size:12px}.group-header[data-v-6f093b8a],.menu-item[data-v-6f093b8a]{display:flex;align-items:center;padding:0 12px;font-weight:400}.menu-item[data-v-6f093b8a]{height:40px;color:var(--color-secondary-label);font-size:16px;border-radius:8px}.menu-item .link[data-v-6f093b8a]{display:flex;align-items:center;height:100%;width:100%;color:inherit;font-size:inherit;font-weight:inherit}.menu-item.hover-effect[data-v-6f093b8a]{cursor:pointer}.menu-item.hover-effect[data-v-6f093b8a]:hover{color:var(--color-primary-label);background:var(--color-active-background)}.menu-item .icon[data-v-6f093b8a]{color:var(--color-quaternary-label);margin-left:auto}.menu-item .icon.hover-effect[data-v-6f093b8a]{display:none}.menu-item .icon.icon-visible[data-v-6f093b8a]{display:block}.menu-item .component[data-v-6f093b8a]{margin-left:auto}.divider[data-v-6f093b8a]{margin:0 8px}.reds-button-new[data-v-49f1043a]{height:40px!important;color:var(--color-secondary-label);font-size:16px;line-height:120%;padding:0 16px;background:transparent}.reds-button-new[data-v-49f1043a]:hover{background:var(--color-active-background);border-radius:999px;color:var(--color-primary-label)}.reds-button-new[data-v-49f1043a] .reds-button-new-box{font-weight:400}.transparent .menu .menu-icon-btn[data-v-49f1043a],.transparent .menu button[data-v-49f1043a]{color:hsla(0,0%,100%,.8)}.transparent button[data-v-49f1043a]:hover .reds-button-new-box{color:var(--color-primary-label)}.menu[data-v-49f1043a]{display:flex}.link[data-v-49f1043a]{display:inline-flex;flex-grow:1;color:inherit;height:100%;align-items:center;width:100%}.channel-btn[data-v-49f1043a]{color:var(--color-secondary-label)}.channel-btn[data-v-49f1043a]:hover{color:var(--color-primary-label)}.icon[data-v-49f1043a]{color:var(--color-quaternary-label)}.dropdown-nav[data-v-49f1043a]{display:flex}@media screen and (max-width:959px){.dropdown-nav[data-v-49f1043a]{display:none}}.menu-icon-dropdown-nav[data-v-49f1043a]{position:relative;display:none}@media screen and (max-width:959px){.menu-icon-dropdown-nav[data-v-49f1043a]{display:block}}.menu-icon-dropdown-nav .information-pad[data-v-49f1043a]{z-index:16;width:223px;margin-top:4px;position:absolute;right:0}.force-visible[data-v-49f1043a]{display:block}.user-item-box[data-v-1a62ab8a]{display:flex;align-items:center;padding:20px}@media screen and (min-width:696px) and (max-width:959px){.user-item-box[data-v-1a62ab8a]{padding:16px}}@media screen and (max-width:695px){.user-item-box[data-v-1a62ab8a]{padding:12px 16px}}.user-item-box.sug[data-v-1a62ab8a]{padding:0}.avatar[data-v-1a62ab8a]{display:flex}.avatar .user-image[data-v-1a62ab8a]{width:72px;height:72px;border-radius:72px;border:1px solid var(--color-border);object-fit:cover;background:var(--color-active-background)}.avatar .user-image.sug[data-v-1a62ab8a]{width:40px;height:40px}@media screen and (min-width:960px) and (max-width:1191px){.avatar .user-image[data-v-1a62ab8a]{width:64px;height:64px}}@media screen and (min-width:696px) and (max-width:959px){.avatar .user-image[data-v-1a62ab8a]{width:56px;height:56px}}@media screen and (max-width:695px){.avatar .user-image[data-v-1a62ab8a]{width:40px;height:40px}}.user-info[data-v-1a62ab8a]{display:flex;flex-direction:column;color:var(--color-tertiary-label);font-size:14px;font-weight:400;line-height:120%;margin:0 20px;width:100%}.user-info.sug[data-v-1a62ab8a]{font-size:12px;margin:0 12px}@media screen and (min-width:696px) and (max-width:959px){.user-info[data-v-1a62ab8a]{margin:0 16px}}@media screen and (max-width:695px){.user-info[data-v-1a62ab8a]{font-size:12px;margin:0 12px;width:calc(100vw - 200px)}}.user-info .user-name-box[data-v-1a62ab8a]{display:flex;align-items:center}.user-info .user-name-box .user-name[data-v-1a62ab8a]{display:flex;align-items:center;justify-content:center;color:var(--color-primary-label);font-size:18px;font-weight:600;line-height:120%;margin-right:6px;white-space:nowrap}.user-info .user-name-box .user-name.sug[data-v-1a62ab8a]{font-size:16px}@media screen and (max-width:959px){.user-info .user-name-box .user-name[data-v-1a62ab8a]{font-size:16px}}.user-info .user-name-box .verify-icon[data-v-1a62ab8a]{display:flex;margin-left:2px}.user-info .user-name-box .user-tag[data-v-1a62ab8a]{overflow:hidden;text-overflow:ellipsis;height:20px;margin-right:4px;font-size:12px;font-weight:400;line-height:120%;padding:3px 4px;color:var(--color-tertiary-label);border-radius:4px;background:var(--color-active-background);white-space:nowrap}.user-info .user-desc[data-v-1a62ab8a]{display:flex;margin-top:6px;white-space:nowrap}@media screen and (max-width:695px){.user-info .user-desc[data-v-1a62ab8a]{margin-top:4px}}.user-info .user-desc .user-desc-box[data-v-1a62ab8a]{display:flex;align-items:center}.divider[data-v-1a62ab8a]{margin:0 8px;display:inline-block;height:12px;border:.5px solid var(--color-border)}.divider.sug[data-v-1a62ab8a]{margin:0 6px}@media screen and (max-width:695px){.divider[data-v-1a62ab8a]{margin:0 6px}}.btn[data-v-1a62ab8a]{margin-left:auto}.history[data-v-c5f07ecc]{padding:4px}.history-list[data-v-c5f07ecc]{display:flex;align-items:center;padding:0 8px 8px;flex-wrap:wrap;position:relative;grid-gap:8px;gap:8px}.history-list .history-item[data-v-c5f07ecc]{display:flex;align-items:center;justify-content:center;height:32px;color:var(--color-secondary-label);font-size:14px;font-weight:400;line-height:120%;padding:0 12px;white-space:nowrap;background:var(--color-active-background);border-radius:999px;border:1px solid transparent;cursor:pointer}.history-list .history-item.enableDelete[data-v-c5f07ecc]{background:transparent;border:1px solid var(--color-border);height:32px;padding:0 6px 0 12px;cursor:auto}.history-list .history-item.enableDelete[data-v-c5f07ecc]:hover{color:var(--color-secondary-label)}.history-list .history-item[data-v-c5f07ecc]:hover{color:var(--color-primary-label)}.history-list .history-item .close-box[data-v-c5f07ecc]{display:flex;align-items:center;justify-content:center;height:20px;width:20px;flex:0 0 20px;margin-left:6px;cursor:pointer}.history-list .history-item .close-box[data-v-c5f07ecc]:hover{border-radius:999px;background:var(--color-active-background);color:var(--color-primary-label)}.history-list .chevron-icon[data-v-c5f07ecc]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);transform:rotateX(180deg);border-radius:999px;cursor:pointer;color:var(--color-secondary-label)}.history-list .chevron-icon[data-v-c5f07ecc]:hover{background:var(--color-active-background);color:var(--color-primary-label)}.history-list .chevron-icon.canSpand[data-v-c5f07ecc]{transform:revert}.header[data-v-c5f07ecc]{display:flex;padding:0 4px 0 12px;align-items:center;height:32px;font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:var(--color-tertiary-label)}.header .icon-group[data-v-c5f07ecc]{display:flex;margin-left:auto;font-size:12px;font-weight:400;line-height:$line-height-default;color:var(--color-secondary-label);grid-gap:4px;gap:4px}.header .icon-group .icon-box[data-v-c5f07ecc]{display:flex;align-items:center;justify-content:center;height:24px;width:24px;grid-gap:4px;gap:4px;padding:0 4px;cursor:pointer}.header .icon-group .icon-box.enableDelete[data-v-c5f07ecc]{width:auto}.header .icon-group .icon-box[data-v-c5f07ecc]:hover{color:var(--color-primary-label)}.hotspots[data-v-d5f2c6c0]{padding:4px}.header[data-v-d5f2c6c0]{padding:8px 12px;height:32px}.header .header-img[data-v-d5f2c6c0]{height:14px}.hotspot-item[data-v-d5f2c6c0]{padding:0 12px;display:flex;align-items:center;height:40px;cursor:pointer;color:var(--color-tertiary-label)}.hotspot-item[data-v-d5f2c6c0]:first-child{color:#ff2442}.hotspot-item[data-v-d5f2c6c0]:nth-child(2){color:#ff3e33}.hotspot-item[data-v-d5f2c6c0]:nth-child(3){color:#ff5226}.hotspot-item[data-v-d5f2c6c0]:hover{background:var(--color-active-background);border-radius:8px}.hotspot-item:hover&gt;.hotspot-title[data-v-d5f2c6c0]{color:var(--color-primary-label)}.hotspot-item .hotspot-index[data-v-d5f2c6c0]{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:120%;width:16px;height:16px}.hotspot-item .hotspot-title[data-v-d5f2c6c0]{margin:0 6px;color:var(--color-secondary-label);font-weight:400;font-size:16px;line-height:120%;display:flex;align-items:center;height:100%;flex:1}.hotspot-item .hotspot-title .text[data-v-d5f2c6c0]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotspot-item .hotspot-title img[data-v-d5f2c6c0]{margin-left:6px;height:14px}.hotspot-item .hotspot-score[data-v-d5f2c6c0]{color:var(--color-quaternary-label);margin-left:auto;font-weight:400;font-size:12px;line-height:120%}.sug-container-wrapper[data-v-010ea5de]{margin-top:8px;width:100%;background-color:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px;overflow:scroll}.sug-container-wrapper.query-trending[data-v-010ea5de]{position:relative;padding-top:100%}.sug-container.query-trending[data-v-010ea5de]{width:100%;position:absolute;top:0}.sug-box[data-v-010ea5de]{padding:4px}.header[data-v-010ea5de]{display:flex;padding:10.5px 12px;align-items:center;height:32px;font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:var(--color-tertiary-label)}.header .refresh[data-v-010ea5de]{margin-left:auto;display:flex;align-items:center;color:var(--color-secondary-label);cursor:pointer}.header .refresh .icon[data-v-010ea5de]{margin-right:5.5px;opacity:.8}.header .refresh[data-v-010ea5de]:hover{color:var(--color-primary-label)}.sug-wrapper[data-v-010ea5de]{display:flex;flex-wrap:wrap}.sug-wrapper .sug-item[data-v-010ea5de]{width:100%;padding:0 12px;font-size:16px;height:40px;line-height:120%;font-weight:400;border-radius:8px;color:var(--color-tertiary-label);display:flex;align-items:center}.sug-wrapper .sug-item[data-v-010ea5de]:hover{background-color:var(--color-active-background);cursor:pointer}.sug-wrapper .sug-item .highlight[data-v-010ea5de]{color:var(--color-primary-label)}.sug-wrapper .query-trending[data-v-010ea5de]{color:var(--color-secondary-label);width:100%}.sug-wrapper .query-trending[data-v-010ea5de]:hover{color:var(--color-primary-label)}.sug-wrapper .query-trending .sug-text[data-v-010ea5de]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;justify-content:center;height:20px}.sug-wrapper .query-trending.selected[data-v-010ea5de]{background-color:var(--color-active-background);color:var(--color-primary-label)}.sug-wrapper .query-trending.hotspot[data-v-010ea5de]{width:calc(50% - 2px)}.sug-wrapper .query-trending.hotspot[data-v-010ea5de]:nth-child(2n){margin-left:2px}.sug-wrapper .query-trending.hotspot[data-v-010ea5de]:nth-child(odd){margin-right:2px}.sug-wrapper .selected-sug[data-v-010ea5de]{background-color:var(--color-active-background)}.sug-wrapper .sug-user[data-v-010ea5de]{height:64px}.sug-style[data-v-010ea5de]{display:flex;align-items:center;justify-content:center;margin-left:4px;height:100%;padding:0 3px;font-weight:500;font-size:12px;line-height:120%;border-radius:4px}.sug-style.artificial[data-v-010ea5de]{background:var(--color-blue);color:var(--color-white)}.transparent-icon[data-v-4b076d86]{color:var(--color-secondary-label)!important}.transparent-icon[data-v-4b076d86]:hover{color:var(--color-primary-label)!important}.input-box[data-v-4b076d86]{height:40px;position:fixed;left:50%;transform:translate(-50%)}@media screen and (min-width:1728px){.input-box[data-v-4b076d86]{width:533.33333px}}@media screen and (min-width:1424px) and (max-width:1727px){.input-box[data-v-4b076d86]{width:calc(-42.66667px + 33.33333vw)}}@media screen and (min-width:1192px) and (max-width:1423px){.input-box[data-v-4b076d86]{width:calc(-33.6px + 40vw)}}@media screen and (min-width:960px) and (max-width:1191px){.input-box[data-v-4b076d86]{width:calc(-36px + 50vw)}}@media screen and (min-width:696px) and (max-width:959px){.input-box[data-v-4b076d86]{width:calc(-40px + 66.66667vw)}}@media screen and (max-width:695px){.input-box[data-v-4b076d86]{width:calc(-24px + 100vw);width:0}}.input-box.minWidthShowSearchClass[data-v-4b076d86]{position:relative;left:0;transform:translate(0);width:100%}.search-input[data-v-4b076d86]{padding:0 84px 0 16px;width:100%;height:100%;font-size:16px;line-height:120%;color:var(--color-primary-label);caret-color:var(--color-red);background:var(--color-active-background);border-radius:999px}@media screen and (max-width:695px){.search-input[data-v-4b076d86]{padding:0}}.search-input[data-v-4b076d86]::placeholder{color:var(--color-quaternary-label)}.search-input.minWidthShowSearchClass[data-v-4b076d86]{padding:0 84px 0 16px}.search-input.showSearcHotspotTag[data-v-4b076d86]{color:transparent}@media screen and (max-width:695px){.sug-pad[data-v-4b076d86]{opacity:0}}.sug-pad.minWidthShowSearchClass[data-v-4b076d86]{opacity:1}.input-button[data-v-4b076d86]{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-secondary-label)}@media screen and (max-width:695px){.input-button[data-v-4b076d86]{opacity:0}}.input-button .close-icon[data-v-4b076d86],.input-button .search-icon[data-v-4b076d86]{width:40px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-secondary-label)}.input-button .close-icon[data-v-4b076d86]:hover,.input-button .search-icon[data-v-4b076d86]:hover{color:var(--color-primary-label);border-radius:999px}.input-button.minWidthShowSearchClass[data-v-4b076d86]{opacity:1}.search-icon[data-v-4b076d86]{margin-right:4px;color:var(--color-secondary-label)}.reds-button-new[data-v-4b076d86]{height:40px!important;color:var(--color-secondary-label);font-size:16px;line-height:120%;padding:0 16px;background:transparent}.reds-button-new[data-v-4b076d86]:hover{background:var(--color-active-background);border-radius:999px;color:var(--color-primary-label)}.reds-button-new[data-v-4b076d86] .reds-button-new-box{font-weight:400}.cancel-btn[data-v-4b076d86]{margin-left:12px}.min-width-search-icon[data-v-4b076d86]{cursor:pointer;padding-right:10px;display:none}@media screen and (max-width:695px){.min-width-search-icon[data-v-4b076d86]{display:block;position:fixed;right:52px}}.nio-search-input-width[data-v-4b076d86]{width:calc(100vw - 144px)}.hotspot-tag[data-v-4b076d86]{position:absolute;top:4px;left:4px;height:32px;padding:0 12px;background:var(--color-background);border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:16px;line-height:120%;max-width:calc(100% - 88px);cursor:pointer;color:var(--color-red)}.hotspot-tag .text[data-v-4b076d86]{margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--color-primary-label)}header[data-v-eb152440]{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--9b627a12);height:var(--header-height);padding:0 16px 0 24px;z-index:10}@media screen and (min-width:1728px){header[data-v-eb152440]{padding:0 32px}}@media screen and (min-width:1424px) and (max-width:1727px){header[data-v-eb152440]{padding:0 32px}}@media screen and (max-width:695px){header[data-v-eb152440]{padding:0 12px 0 16px}}header.mask-paper[data-v-eb152440]{background:var(--mask-paper);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.right[data-v-eb152440]{display:flex}.information-header[data-v-eb152440]{position:absolute;top:72px;left:0;z-index:10}.header-container[data-v-eb152440]{display:flex;flex-direction:column;justify-content:center;width:100vw;height:72px;position:fixed;left:0;top:0;z-index:10;align-items:center}.header-container.gray[data-v-eb152440]{filter:grayscale(.95)}.header-container.transparent[data-v-eb152440]{position:absolute}.information-container[data-v-00341c9a]{display:inline-block;width:100%;color:var(--color-primary-label);font-size:16px;position:absolute;bottom:0}.information-wrapper[data-v-00341c9a]{-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;margin-bottom:20px;height:48px;width:100%;display:flex;font-weight:600;align-items:center;border-radius:999px}.information-wrapper[data-v-00341c9a]:hover{background:var(--color-active-background)}.information-wrapper .information-icon[data-v-00341c9a]{margin:0 12px 0 16px}.information-pad[data-v-00341c9a]{z-index:16;width:100%;position:absolute;bottom:72px}.app-info[data-v-00341c9a]{padding:12px}.app-info[data-v-00341c9a],.app-info a[data-v-00341c9a]{color:var(--color-tertiary-label)}.app-info.outside[data-v-00341c9a]{position:absolute}.icp-info[data-v-00341c9a]{word-break:break-word;margin:0;font-size:12px;line-height:140%}.icp-info .icp-text[data-v-00341c9a]{font-weight:400}.corp-info[data-v-00341c9a]{font-size:12px;line-height:140%;margin-top:4px}.corp-info p[data-v-00341c9a]{margin:0}.vertical-center[data-v-00341c9a]{display:inline-flex;align-items:center}.icon-wrapper color $color-tertiary-label[data-v-00341c9a]:hover,.vertical-center:hover .icon-wrapper[data-v-00341c9a]{color:var(--color-secondary-label)}.about-us[data-v-00341c9a]{margin-bottom:8px}.about-us a[data-v-00341c9a]{font-weight:500}.icon-gap[data-v-00341c9a]{margin-left:2px}.dot[data-v-00341c9a]{color:var(--color-quaternary-label)}.help[data-v-00341c9a]{cursor:pointer}li[data-v-7d49aed8]{list-style:none}ul[data-v-7d49aed8]{margin:0;padding:0}.icon-wrapper[data-v-7d49aed8]{color:var(--color-primary-label)}.side-bar[data-v-7d49aed8]{height:calc(100vh - 72px);overflow-y:scroll;background-color:var(--color-background);display:flex;flex-direction:column;flex-shrink:0;padding-top:16px;margin-top:72px;position:fixed;overflow:visible}@media screen and (min-width:1728px){.side-bar[data-v-7d49aed8]{width:266.66667px;margin-left:16px}}@media screen and (min-width:1424px) and (max-width:1727px){.side-bar[data-v-7d49aed8]{width:calc(-21.33333px + 16.66667vw);margin-left:16px}}@media screen and (min-width:1192px) and (max-width:1423px){.side-bar[data-v-7d49aed8]{width:calc(-16.8px + 20vw);margin-left:12px}}@media screen and (min-width:960px) and (max-width:1191px){.side-bar[data-v-7d49aed8]{width:calc(-18px + 25vw);margin-left:12px}}@media screen and (min-width:696px) and (max-width:959px){.side-bar[data-v-7d49aed8]{display:none}}@media screen and (max-width:695px){.side-bar[data-v-7d49aed8]{display:none}}.side-bar.gray[data-v-7d49aed8]{filter:grayscale(.95)}.channel-list[data-v-7d49aed8]{min-height:auto;-webkit-user-select:none;user-select:none}.channel-list[data-v-7d49aed8] li{padding-left:16px;min-height:48px;display:flex;align-items:center;cursor:pointer;margin-bottom:8px;color:var(--color-tertiary-label)}.channel-list[data-v-7d49aed8] li:hover{background-color:var(--color-active-background);border-radius:999px}.channel-list[data-v-7d49aed8] li:last-child{margin-bottom:0}[data-v-7d49aed8] .channel{font-size:16px;font-weight:600;margin-left:12px;color:var(--color-primary-label)}[data-v-7d49aed8] a{color:var(--color-tertiary-label);font-size:12px;font-weight:600}[data-v-7d49aed8] .active-channel{background-color:var(--color-active-background);border-radius:999px;color:var(--color-primary-label)}.img-wrapper[data-v-7d49aed8]{width:24px;height:24px;justify-content:center;align-items:center;display:inline-flex}[data-v-7d49aed8] .link-wrapper{display:flex;width:100%;height:48px;align-items:center}.bottom-menu[data-v-aab8b132]{position:fixed;bottom:0;width:100%;background:var(--color-background);display:none;padding-bottom:env(safe-area-inset-bottom)}@media screen and (min-width:696px) and (max-width:959px){.bottom-menu[data-v-aab8b132]{display:block}}@media screen and (max-width:695px){.bottom-menu[data-v-aab8b132]{display:block}}[data-v-aab8b132] .bottom-channel,[data-v-aab8b132] .channel-list{display:flex;color:var(--color-tertiary-label)}[data-v-aab8b132] .bottom-channel{flex-grow:1;height:48px;justify-content:center;align-items:center;cursor:pointer}[data-v-aab8b132] .text{font-size:16px;margin-left:12px}@media screen and (max-width:695px){[data-v-aab8b132] .text{display:none}}[data-v-aab8b132] .active{color:var(--color-primary-label)}.force-visible[data-v-aab8b132]{display:block}.layout[data-v-6e6b77c2]{width:100%;overflow:hidden;background-color:var(--color-background);margin:0 auto;min-width:320px}.layout.limit[data-v-6e6b77c2]{max-width:var(--d8bd5f3c)}.main-container[data-v-6e6b77c2]{display:flex}.main-content[data-v-6e6b77c2]{width:100%}@media screen and (min-width:1728px){.main-content.with-side-bar[data-v-6e6b77c2]{padding-left:282.66667px}}@media screen and (min-width:1424px) and (max-width:1727px){.main-content.with-side-bar[data-v-6e6b77c2]{padding-left:calc(-5.33333px + 16.66667vw)}}@media screen and (min-width:1192px) and (max-width:1423px){.main-content.with-side-bar[data-v-6e6b77c2]{padding-left:calc(-4.8px + 20vw)}}@media screen and (min-width:960px) and (max-width:1191px){.main-content.with-side-bar[data-v-6e6b77c2]{padding-left:calc(-6px + 25vw)}}.container[data-v-47cc5ccd]{padding-bottom:100%;background-position:50%;background-size:contain;background-repeat:no-repeat;border-radius:16px;position:relative;cursor:pointer}.container[data-v-47cc5ccd]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .2s;background-color:transparent;-webkit-transform:translateZ(0);border-radius:16px}.container[data-v-47cc5ccd]:hover:after{background-color:var(--mask-note-card)}.container.higher[data-v-47cc5ccd]{padding-bottom:133%}.container.wider[data-v-47cc5ccd]{padding-bottom:75%}.container .content[data-v-47cc5ccd]{position:absolute;bottom:0;left:0;width:100%;padding:12px;display:flex;align-items:flex-end}.container .content .title[data-v-47cc5ccd]{flex-grow:1;margin-right:8px;font-size:14px;color:var(--color-white)}.container .content .tag[data-v-47cc5ccd]{width:40px;height:24px;font-size:12px;line-height:24px;color:var(--color-white);background:var(--material-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);border-radius:12px;text-align:center}[data-v-03400374] .reds-mask{background:var(--mask-backdrop)}.activity-modal[data-v-03400374]{z-index:100011}.acrivity-container[data-v-03400374]{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%;border-radius:20px}@media screen and (min-width:960px) and (max-width:1191px){.acrivity-container[data-v-03400374]{width:60%}}@media screen and (min-width:696px) and (max-width:959px){.acrivity-container[data-v-03400374]{width:70%}}@media screen and (max-width:695px){.acrivity-container[data-v-03400374]{width:100%}}.acrivity-container .image[data-v-03400374]{border-radius:20px;width:100%;height:100%;object-fit:cover}.acrivity-container .open-area[data-v-03400374]{position:absolute;bottom:0;transform:translateY(50%)}.acrivity-container .open-area .open-button[data-v-03400374]{padding:0 20px;display:flex;align-items:center;justify-content:center;font-weight:600;background:var(--elevation-high-background);font-size:16px;color:var(--color-secondary-label);border-radius:999px;height:48px}.acrivity-container .open-area .open-button .icon[data-v-03400374]{margin-left:8px;opacity:.3}.acrivity-container .open-area .cta-image[data-v-03400374]{min-height:44px;max-height:52px;object-fit:cover}.close-button[data-v-03400374]{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;top:16px;right:var(--25e3f73e);height:40px;width:88px;background:var(--elevation-high-background);border-radius:999px;font-weight:400;font-size:16px;color:var(--color-secondary-label)}.close-button.hoverable[data-v-03400374]{color:var(--color-primary-label)}.close-button .countdown[data-v-03400374]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:6px;border-radius:999px;background:var(--color-active-background);white-space:nowrap}.close-button .countdown.hoverable[data-v-03400374]{background:transparent;color:var(--color-secondary-label)}.onebox[data-v-6645b1f7]{display:flex;align-items:center;width:100%;height:104px;padding-left:12px}.onebox .image[data-v-6645b1f7]{border:1px solid var(--color-shadow-border);border-radius:8px;object-fit:cover}.onebox .title-wrapper[data-v-6645b1f7]{margin-left:16px;font-weight:600;font-size:18px;line-height:120%;color:var(--color-primary-label)}.onebox .title-wrapper .sub-title[data-v-6645b1f7]{margin-top:9px;font-weight:400;font-size:14px;line-height:120%;color:var(--color-tertiary-label)}.onebox .button[data-v-6645b1f7]{display:flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border:1px solid var(--color-border);border-radius:999px;font-weight:400;font-size:16px;line-height:120%;color:var(--color-secondary-label);margin:0 24px 0 auto}.onebox .button[data-v-6645b1f7]:hover{color:var(--color-primary-label)}span[data-v-7daa87a8] img{height:14px;transform:translateY(1px)}.item-wrapper[data-v-f2b40456]{display:flex;align-items:center;padding:8px;font-size:14px;font-weight:500;line-height:120%;min-height:40px}.item-wrapper.rec-query[data-v-f2b40456]{padding:8px 12px}.item-wrapper .item-cover[data-v-f2b40456]{flex-shrink:0;width:40px;height:40px;border-radius:6px;margin-right:8px;object-fit:cover}.query-note-item[data-v-f2b40456]{width:100%;color:var(--2054e94c);cursor:pointer;border-radius:12px}.query-note-item.hotspot[data-v-f2b40456]{display:flex;align-items:center;padding:8px 12px;font-weight:400;color:var(--2054e94c)}.query-note-item.hotspot[data-v-f2b40456]:first-child{color:#ff2442}.query-note-item.hotspot[data-v-f2b40456]:nth-child(2){color:#ff3e33}.query-note-item.hotspot[data-v-f2b40456]:nth-child(3){color:#ff5226}.query-note-item.hotspot .hotspot-index[data-v-f2b40456]{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:120%;font-weight:500;width:16px;height:16px}.query-note-item.hotspot .hotspot-title[data-v-f2b40456]{color:var(--2054e94c);margin-left:8px}.query-note-item[data-v-f2b40456]:hover{background-color:var(--c165635e)}.query-note-item:hover&gt;.hotspot-title[data-v-f2b40456]{color:var(--b3e6f99e)}.query-note-wrapper[data-v-f2b40456]{border-radius:16px;background:var(--c90bc876)}.query-note-wrapper .query-note-list[data-v-f2b40456]{padding:0 4px 4px}.query-note-wrapper .query-note-list.hotspot[data-v-f2b40456]{padding:0 4px;position:relative}.query-note-wrapper .query-note-header[data-v-f2b40456]{width:100%;padding:0 12px;height:60px;display:flex;align-items:center;color:var(--43b33e67);font-size:16px;font-weight:600;line-height:120%}.query-note-wrapper .query-note-header .icon-warpper[data-v-f2b40456]{width:40px;height:40px;border-radius:999px;background:var(--c165635e);margin-right:8px;display:flex;align-items:center;justify-content:center}.query-note-wrapper .query-note-header .icon-warpper.modify[data-v-f2b40456]{margin-right:0;width:28px;height:28px;background:transparent;cursor:pointer;color:var(--2054e94c);margin-left:auto}.query-note-wrapper .query-note-header .icon-warpper.modify[data-v-f2b40456]:hover{background-color:var(--c165635e);color:var(--b3e6f99e)}.footer[data-v-f2b40456]{padding:4px 0}.footer .more-hotspot[data-v-f2b40456]{color:var(--color-secondary-label);cursor:pointer;background:var(--c165635e);border-radius:12px;display:flex;align-items:center;justify-content:center;height:32px;color:var(--2054e94c)}.footer .more-hotspot[data-v-f2b40456]:hover{color:var(--b3e6f99e)}.modify-dropdown[data-v-f2b40456]{padding:0}.modify-dropdown .dropdown-items[data-v-f2b40456]{min-width:90px}.modify-dropdown .menu-wrapper[data-v-f2b40456]{border-radius:12px;width:100%}.modify-dropdown .menu-wrapper .menu-item[data-v-f2b40456]{display:flex;align-items:center;justify-content:center;height:100%;width:100%;height:40px;cursor:pointer;color:var(--color-primary-label);border-radius:8px}.modify-dropdown .menu-wrapper .menu-item[data-v-f2b40456]:hover{background:var(--color-active-background)}.modify-pad[data-v-f2b40456]{position:absolute;top:0;bottom:44px;width:calc(100% - 8px);height:calc(100% - 40px);background:var(--c90bc876);display:flex;align-items:center;justify-content:center;flex-direction:column}.modify-pad.hide[data-v-f2b40456]{height:calc(100% - 4px)}.modify-pad .modify-wrapper[data-v-f2b40456]{color:var(--2054e94c);border-radius:12px;height:40px;font-size:14px;font-weight:$font-weight-normal;line-height:120%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%}.modify-pad .modify-wrapper[data-v-f2b40456]:hover{background-color:var(--c165635e);color:var(--b3e6f99e)}.modify-pad .hide-text[data-v-f2b40456]{font-size:16px;font-weight:600;line-height:120%;margin-bottom:6px;color:var(--b3e6f99e)}.modify-pad .hide-text.hint[data-v-f2b40456]{color:var(--2054e94c);font-size:14px;font-weight:400;line-height:140%}.modify-dropdown .dropdown-items{min-width:90px}.item-wrapper[data-v-72a2f3b8]{display:flex;justify-content:space-between}.item-wrapper .item-icon[data-v-72a2f3b8]{flex-shrink:0;display:none;color:var(--color-quaternary-label)}.item-wrapper .item-text[data-v-72a2f3b8]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.query-note-item[data-v-72a2f3b8]{width:100%;padding:10.5px 12px;color:var(--color-secondary-label);font-weight:400;font-size:16px;line-height:120%;cursor:pointer;border-radius:12px}.query-note-item[data-v-72a2f3b8]:hover{background-color:var(--color-active-background);color:var(--color-primary-label)}.query-note-item:hover .item-icon[data-v-72a2f3b8]{display:unset}.query-note-wrapper[data-v-72a2f3b8]{border:1px solid var(--color-border);border-radius:16px;padding:4px}.query-note-wrapper .query-note-header[data-v-72a2f3b8]{width:100%;padding:0 12px;height:32px;display:flex;align-items:center;color:var(--color-tertiary-label)}.query-note-wrapper .query-note-header .query-note-header-text[data-v-72a2f3b8]{font-size:12px;line-height:120%;margin-left:4px}.like-wrapper[data-v-77be4c89]{position:relative;cursor:pointer;display:flex;align-items:center}.like-active[data-v-77be4c89]:hover{color:var(--color-primary-label)}.like-icon.active[data-v-77be4c89]{visibility:hidden}.like-lottie[data-v-77be4c89]{position:absolute;left:0;top:0;transform:scale(1.7)}.note-item[data-v-d0dd9c82]{position:absolute;left:0;top:0;width:var(--3744fe55)}.note-item.static-layout[data-v-d0dd9c82]{position:static}.note-item.gray[data-v-d0dd9c82]{filter:grayscale(.95)}.cover[data-v-d0dd9c82]{position:relative;width:var(--3744fe55);display:flex;border-radius:var(--110ba1c8);overflow:hidden;box-shadow:0 0 0 1px var(--color-border);transition:background .2s;transform:translateZ(0)}.cover[data-v-d0dd9c82]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-active-background);-webkit-backdrop-filter:var(--7f08b3d3);backdrop-filter:var(--7f08b3d3);z-index:1;transition:all .4s;border-radius:var(--110ba1c8)}.cover.ld[data-v-d0dd9c82]:before{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.cover[data-v-d0dd9c82]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .2s;background-color:transparent;-webkit-transform:translateZ(0);border-radius:var(--110ba1c8)}.cover:hover .loading[data-v-d0dd9c82]{background-color:var(--mask-backdrop);animation:fadeInOut-d0dd9c82 1s ease-in-out infinite}.cover img[data-v-d0dd9c82]{width:100%}.cover .play-icon[data-v-d0dd9c82]{display:flex;align-items:center;justify-content:center;position:absolute;right:14px;top:14px;width:20px;height:20px;color:var(--color-white);background:var(--material-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);border-radius:20px}.cover .top-tag-area[data-v-d0dd9c82]{position:absolute;left:12px;top:12px;z-index:4}.cover .top-tag-area .top-wrapper[data-v-d0dd9c82]{background:var(--color-red);border-radius:999px;font-weight:500;color:var(--color-white);line-height:120%;font-size:12px;padding:5px 8px;display:flex;align-items:center;justify-content:center}.cover .bottom-tag-area[data-v-d0dd9c82]{position:absolute;left:12px;bottom:12px;z-index:4}.cover .bottom-tag-area .bottom-wrapper[data-v-d0dd9c82]{display:flex;align-items:center;justify-content:center;border-radius:50px;color:var(--color-white);background:var(--material-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);padding:4px 8px;font-size:12px;line-height:120%;font-weight:400}.cover .bottom-tag-area .bottom-wrapper .bottom-tag-icon[data-v-d0dd9c82]{margin-right:2px;width:12px;height:12px}.footer[data-v-d0dd9c82]{padding:12px}.footer .recommend-reason[data-v-d0dd9c82]{margin-bottom:6px}.footer .recommend-reason .recommend-reason-icon[data-v-d0dd9c82]{margin-right:2px}.footer .recommend-reason .recommend-reason-text[data-v-d0dd9c82]{color:var(--color-tertiary-label);font-size:12px;line-height:16px;vertical-align:middle}.title[data-v-d0dd9c82]{margin-bottom:8px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;font-size:14px;line-height:140%;color:var(--color-primary-label)}.author-wrapper[data-v-d0dd9c82]{display:flex;align-items:center;justify-content:space-between;height:20px;color:var(--color-secondary-label);font-size:12px;transition:color 1s}.author-wrapper .author[data-v-d0dd9c82]{display:flex;align-items:center;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.author-wrapper .author[data-v-d0dd9c82]:hover{color:var(--color-primary-label)}.author-wrapper .author-avatar[data-v-d0dd9c82]{margin-right:6px;width:20px;height:20px;border-radius:20px;border:1px solid var(--color-border);flex-shrink:0}.author-wrapper .author-avatar.no-avatar[data-v-d0dd9c82]{display:inline-block;background-color:var(--color-active-background)}.author-wrapper .name[data-v-d0dd9c82]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-d0dd9c82] .like-wrapper .count{margin-left:2px}[data-v-d0dd9c82] .like-wrapper:hover{color:var(--color-primary-label)}.mask[data-v-d0dd9c82]:hover:after{background-color:var(--mask-backdrop);position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);border-radius:var(--110ba1c8)}@keyframes fadeInOut-d0dd9c82{0%,to{opacity:1}50%{opacity:0}}.note-item[data-v-59f03b64]{position:absolute;left:0;top:0;width:var(--59b7c9c0)}.note-item.static-layout[data-v-59f03b64]{position:static}.note-item.gray[data-v-59f03b64]{filter:grayscale(.95)}.cover[data-v-59f03b64]{position:relative;width:var(--59b7c9c0);display:flex;border-radius:var(--337e6d33);overflow:hidden;box-shadow:0 0 0 1px var(--color-border);transition:background .2s;transform:translateZ(0)}.cover[data-v-59f03b64]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-active-background);-webkit-backdrop-filter:var(--aa215470);backdrop-filter:var(--aa215470);z-index:1;transition:all .4s;border-radius:var(--337e6d33)}.cover.ld[data-v-59f03b64]:before{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.cover[data-v-59f03b64]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:background-color .2s;background-color:transparent;-webkit-transform:translateZ(0);border-radius:var(--337e6d33)}.cover:hover .loading[data-v-59f03b64]{background-color:var(--mask-backdrop);animation:fadeInOut-59f03b64 1s ease-in-out infinite}.cover img[data-v-59f03b64]{width:100%}.cover .play-icon[data-v-59f03b64]{display:flex;align-items:center;justify-content:center;position:absolute;right:14px;top:14px;width:20px;height:20px;color:var(--color-white);background:var(--material-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);border-radius:20px}.cover .top-tag-area[data-v-59f03b64]{position:absolute;left:12px;top:12px;z-index:4}.cover .top-tag-area .top-wrapper[data-v-59f03b64]{background:var(--color-red);border-radius:999px;font-weight:500;color:var(--color-white);line-height:120%;font-size:12px;padding:5px 8px;display:flex;align-items:center;justify-content:center}.cover .bottom-tag-area[data-v-59f03b64]{position:absolute;left:12px;bottom:12px;z-index:4}.cover .bottom-tag-area .bottom-wrapper[data-v-59f03b64]{display:flex;align-items:center;justify-content:center;border-radius:50px;color:var(--color-white);background:var(--material-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);padding:4px 8px;font-size:12px;line-height:120%;font-weight:400}.cover .bottom-tag-area .bottom-wrapper .bottom-tag-icon[data-v-59f03b64]{margin-right:2px;width:12px;height:12px}.footer[data-v-59f03b64]{padding:12px}.footer .recommend-reason[data-v-59f03b64]{margin-bottom:6px}.footer .recommend-reason .recommend-reason-icon[data-v-59f03b64]{margin-right:2px}.footer .recommend-reason .recommend-reason-text[data-v-59f03b64]{color:var(--color-tertiary-label);font-size:12px;line-height:16px;vertical-align:middle}.title[data-v-59f03b64]{margin-bottom:8px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;font-size:14px;line-height:140%;color:var(--color-primary-label)}.author-wrapper[data-v-59f03b64]{display:flex;align-items:center;justify-content:space-between;height:20px;color:var(--color-secondary-label);font-size:12px;transition:color 1s}.author-wrapper .author[data-v-59f03b64]{display:flex;align-items:center;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.author-wrapper .author[data-v-59f03b64]:hover{color:var(--color-primary-label)}.author-wrapper .author-avatar[data-v-59f03b64]{margin-right:6px;width:20px;height:20px;border-radius:20px;border:1px solid var(--color-border);flex-shrink:0}.author-wrapper .author-avatar.no-avatar[data-v-59f03b64]{display:inline-block;background-color:var(--color-active-background)}.author-wrapper .name[data-v-59f03b64]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-v-59f03b64] .like-wrapper .count{margin-left:2px}[data-v-59f03b64] .like-wrapper:hover{color:var(--color-primary-label)}.mask[data-v-59f03b64]:hover:after{background-color:var(--mask-backdrop);position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);border-radius:var(--337e6d33)}@keyframes fadeInOut-59f03b64{0%,to{opacity:1}50%{opacity:0}}.play-icon[data-v-c8e7d70a]{right:12px;width:24px}.play-icon[data-v-59c8f1ef],.play-icon[data-v-c8e7d70a]{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;height:24px;color:var(--color-white);background:var(--material-background);-webkit-backdrop-filter:var(--material-filter);backdrop-filter:var(--material-filter);border-radius:999px}.play-icon[data-v-59c8f1ef]{right:11.6px;padding:0 6px}.play-icon .icon[data-v-59c8f1ef]{margin-right:2px}.play-icon .duration[data-v-59c8f1ef]{font-size:12px;line-height:120%;font-weight:500;color:var(--color-white)}.feeds-container[data-v-6bb66ab3]{position:relative;transition:width .5s;margin:0 auto}.feeds-container.static-layout[data-v-6bb66ab3]{display:flex;justify-content:center;grid-gap:var(--horizontalGapPx);gap:var(--horizontalGapPx)}.feeds-loading[data-v-6f5b0cf0]{display:flex;align-items:center;justify-content:center;width:100%;height:64px;font-size:12px;color:var(--color-tertiary-label);visibility:hidden}.feeds-loading.active[data-v-6f5b0cf0]{visibility:visible}.back-top[data-v-2e0ea3be]{pointer-events:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);border-radius:44px;cursor:pointer;opacity:0;color:var(--color-secondary-label);z-index:10;background:var(--elevation-low-background)}.back-top.active[data-v-2e0ea3be]{pointer-events:auto;visibility:visible;opacity:1}.back-top .btn-wrapper[data-v-2e0ea3be]{width:100%;height:100%;border-radius:44px;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.back-top .btn-wrapper[data-v-2e0ea3be]:hover{background:var(--color-active-background);color:var(--color-primary-label)}.tip-container[data-v-2e0ea3be]{position:absolute;height:28px;padding:0 8px;border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);background:var(--elevation-low-background);font-size:12px;color:var(--color-secondary-label);display:flex;align-items:center;justify-content:center;border-radius:6px;right:48px;visibility:hidden}.tip-container .tip-text[data-v-2e0ea3be]{width:100%;white-space:nowrap;line-height:140%}.back-top:hover .tip-container[data-v-2e0ea3be]{visibility:visible}.reload[data-v-37e9ff47]{width:40px;height:40px;background:var(--elevation-low-background);border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);border-radius:100px;color:var(--color-secondary-label);display:flex;align-items:center;justify-content:center;transition:background .2s;cursor:pointer}.reload .btn-wrapper[data-v-37e9ff47]{width:100%;height:100%;border-radius:44px;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.reload .btn-wrapper[data-v-37e9ff47]:hover{background:var(--color-active-background);color:var(--color-primary-label)}.tip-container[data-v-37e9ff47]{position:absolute;height:28px;padding:0 8px;border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);background:var(--elevation-low-background);font-size:12px;color:var(--color-secondary-label);display:flex;align-items:center;justify-content:center;border-radius:6px;right:48px;visibility:hidden}.tip-container .tip-text[data-v-37e9ff47]{width:100%;white-space:nowrap;line-height:140%}.reload:hover .tip-container[data-v-37e9ff47]{visibility:visible}.graphic-filter[data-v-3e5a2ad2]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);border-radius:44px;cursor:pointer;z-index:10;background:var(--elevation-low-background)}.graphic-filter.checked-border[data-v-3e5a2ad2]{border:1px solid var(--color-secondary-label)}.graphic-filter.checked-border[data-v-3e5a2ad2]:hover{border:1px solid var(--color-primary-label)}.graphic-filter .btn-wrapper[data-v-3e5a2ad2]{width:100%;height:100%;border-radius:44px;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-label)}.graphic-filter .btn-wrapper[data-v-3e5a2ad2]:hover{background:var(--color-active-background);color:var(--color-primary-label)}.tip-container[data-v-3e5a2ad2]{position:absolute;height:28px;padding:0 8px;border:1px solid var(--color-border);box-shadow:var(--elevation-low-shadow);background:var(--elevation-low-background);font-size:12px;color:var(--color-secondary-label);display:flex;align-items:center;justify-content:center;border-radius:6px;right:48px;visibility:hidden}.tip-container .tip-text[data-v-3e5a2ad2]{width:100%;white-space:nowrap;line-height:140%}.graphic-filter:hover .tip-container[data-v-3e5a2ad2]{visibility:visible}.spinner[data-v-3e5a2ad2]{animation:spin-3e5a2ad2 .6s ease-in-out infinite;transition:opacity .45s ease-in-out}@keyframes spin-3e5a2ad2{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.floating-btn-sets[data-v-75df8d6e]{position:fixed;display:flex;flex-direction:column;width:40px;grid-gap:8px;gap:8px;right:var(--horizontalGapPx);bottom:var(--horizontalGapPx)}@media screen and (max-width:959px){.floating-btn-sets[data-v-75df8d6e]{bottom:calc(48px + var(--horizontal)*1px)}}.nio-btn-sets[data-v-75df8d6e]{left:24px!important;bottom:72px!important}.wrapper[data-v-d36c0dd8]{width:var(--columnWidth)}.wrapper .cover[data-v-d36c0dd8]{background:var(--color-active-background);width:100%;height:var(--656216a1);border-radius:var(--note-card-corner-radius)}.wrapper .interact[data-v-d36c0dd8]{width:100%;padding:12px}.wrapper .interact .title[data-v-d36c0dd8]{width:75%;margin-bottom:12px}.wrapper .interact .author[data-v-d36c0dd8],.wrapper .interact .title[data-v-d36c0dd8]{background:var(--color-active-background);height:14px;border-radius:var(--note-card-corner-radius)}.wrapper .interact .author[data-v-d36c0dd8]{width:35%}.skeleton-container[data-v-82d3a842]{column-count:var(--feeds-columns);grid-column-gap:calc(var(--horizontal)*1px);column-gap:calc(var(--horizontal)*1px);grid-auto-flow:dense;margin:0 auto}.skeleton-container .skeleton-item[data-v-82d3a842]{margin-bottom:calc(var(--vertical)*1px);display:block;width:100%;page-break-inside:avoid;break-inside:avoid}.error[data-v-3be6190e]{display:flex;align-items:center;justify-content:center;width:100vw;max-width:100%;height:calc(100vh - 88px);background:var(--color-background)}.error section[data-v-3be6190e]{display:flex;flex-direction:column;align-items:center}.error img[data-v-3be6190e]{width:160px}.error .message[data-v-3be6190e]{margin-top:40px;font-size:14px;line-height:18px;color:var(--color-tertiary-label)}.error .button[data-v-3be6190e]{display:flex;align-items:center;justify-content:center;margin-top:16px;width:96px;height:36px;border:1px solid var(--color-red);border-radius:20px;font-weight:500;font-size:14px;color:var(--color-red);cursor:pointer}.content-container[data-v-3d4aed4c]{display:flex;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;color:var(--color-secondary-label)}.channel-scroll-container[data-v-7f9e6aac]{position:relative;overflow:hidden;display:flex;user-select:none;-webkit-user-select:none;align-items:center;font-size:16px;color:var(--color-secondary-label);height:40px;white-space:nowrap;height:72px}.channel-scroll-container.gray[data-v-7f9e6aac]{filter:grayscale(.95)}.channel[data-v-7f9e6aac]{height:40px;display:flex;justify-content:center;align-items:center;padding:0 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.active[data-v-7f9e6aac],.channel[data-v-7f9e6aac]:hover{background:var(--color-active-background);border-radius:999px;color:var(--color-primary-label)}.active[data-v-7f9e6aac]{font-weight:600}.vertical-channel-bg[data-v-7f9e6aac]:hover{background:var(--color-vertical-channel)}.vertical-channel-bg[data-v-7f9e6aac]{padding:0 16px 0 12px}[data-v-7f9e6aac] .vertical-channel-bg.active{background:var(--color-vertical-channel)!important}.spinner[data-v-58992225]{animation:spin-58992225 .6s ease-in-out infinite;width:24px;height:24px;margin-top:-16px;opacity:var(--6f90542b);transition:opacity .45s ease-in-out}.loading-container[data-v-58992225]{width:100%;transition:height .45s ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--color-secondary-label)}@keyframes spin-58992225{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.feeds-page[data-v-a1f2730e]{flex:1;padding:0 var(--horizontalGapPx);overflow-y:scroll;padding-top:72px}.feeds-page .channel-container[data-v-a1f2730e]{display:flex;justify-content:space-between;align-items:center;user-select:none;-webkit-user-select:none}.feeds-page .channel-container[data-v-a1f2730e] .channel-list{flex:1;margin-bottom:0}.feeds-page .channel-container[data-v-a1f2730e] .channel-scroll-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:transparent;width:var(--feeds-width)}.channel-icon[data-v-a1f2730e]{width:28px;height:28px;margin-right:4px}.nio-header[data-v-44f6ef79]{position:fixed;width:100vw;height:64px;display:flex;align-items:center;justify-content:center;padding:24px 36px;color:var(--color-primary-label);font-size:16px;font-weight:600;line-height:120%;border-bottom:1px solid var(--color-border);z-index:10;background:var(--color-background)}.close-box[data-v-44f6ef79]{width:40px;height:40px;cursor:pointer;position:absolute;left:0;top:calc(50% - 20px);margin-left:24px;z-index:5;border-radius:999px;display:flex;align-items:center;justify-content:center}.close-box[data-v-44f6ef79]:hover{background:var(--color-active-background);color:var(--color-primary-label)}header[data-v-d03bfdce]{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--0978909a);height:72px;padding:0 16px 0 24px;z-index:10;border-bottom:1px solid var(--color-border)}@media screen and (min-width:1728px){header[data-v-d03bfdce]{padding:0 32px}}@media screen and (min-width:1424px) and (max-width:1727px){header[data-v-d03bfdce]{padding:0 32px}}@media screen and (max-width:695px){header[data-v-d03bfdce]{padding:0 12px 0 16px}}header.mask-paper[data-v-d03bfdce]{background:var(--mask-paper);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.right[data-v-d03bfdce]{display:flex}.information-header[data-v-d03bfdce]{position:absolute;top:72px;left:0;z-index:10}.header-container[data-v-d03bfdce]{display:flex;flex-direction:column;justify-content:center;width:100vw;height:72px;position:fixed;left:0;top:0;z-index:10;align-items:center}.header-container.gray[data-v-d03bfdce]{filter:grayscale(.95)}.header-container.transparent[data-v-d03bfdce]{position:absolute}.close-box[data-v-d03bfdce]{width:40px;height:40px;cursor:pointer;top:calc(50% - 20px);z-index:5;border-radius:999px;display:flex;align-items:center;justify-content:center}.close-box[data-v-d03bfdce]:hover{background:var(--color-active-background);color:var(--color-primary-label)}.layout[data-v-4edfdc03]{width:100%;overflow:hidden;background-color:var(--color-background);margin:0 auto;min-width:320px}.layout.limit[data-v-4edfdc03]{max-width:var(--08e0cc26)}.main-container[data-v-4edfdc03]{display:flex}.main-content[data-v-4edfdc03]{width:100%}.skeleton-container[data-v-4eaa14ea]{position:relative;margin:0 auto;width:100%;height:calc(100vh - 88px);overflow:hidden;transition:width .5s}.img[data-v-4eaa14ea]{position:absolute;left:0;top:0;width:var(--545b8900);color:var(--color-active-background)}.collection-list-item-wrapper[data-v-60c35620]{flex-shrink:0;border-radius:16px;width:var(--1ddf05e8);height:var(--1ddf05e8);position:relative;margin-right:var(--0b173477);cursor:pointer}.collection-list-item-wrapper .collection-list-item-title[data-v-60c35620]{position:absolute;bottom:12px;left:12px;color:var(--color-white);font-size:16px;font-weight:600;line-height:120%;text-shadow:0 1px 4px rgba(0,0,0,.25)}.collection-list-item-wrapper .collection-list-item-tag[data-v-60c35620]{position:absolute;right:8.334px;top:8px;width:24px;height:24px;padding:6px;display:flex;align-items:center;justify-content:center;background:var(--material-background);border-radius:999px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.collection-list-item-wrapper .collection-list-item-decorate[data-v-60c35620]{width:69px;border-radius:16px;border:1px solid var(--color-shadow-border);background:var(--color-active-background)}.collection-list-item-wrapper .decorate1[data-v-60c35620]{position:absolute;right:-15.667px;top:12px;height:calc(var(--1ddf05e8) - 25px)}.collection-list-item-wrapper .decorate2[data-v-60c35620]{position:absolute;right:-7.667px;top:5px;height:calc(var(--1ddf05e8) - 10px)}.collection-list-wrapper[data-v-657377dc]{display:flex;width:100%;overflow:scroll;padding-right:24px}.feeds-page[data-v-10b99d21]{flex:1;padding:0 var(--1fbaa2e0);overflow-y:scroll;padding-top:72px}.feeds-page .channel-container[data-v-10b99d21]{display:flex;justify-content:space-between;align-items:center;user-select:none;-webkit-user-select:none}.feeds-page .channel-container[data-v-10b99d21] .channel-list{flex:1;margin-bottom:0}.feeds-page .channel-container[data-v-10b99d21] .channel-scroll-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:transparent}.rec-title[data-v-10b99d21]{color:var(--color-primary-label);font-size:16px;font-weight:600;line-height:120%;margin-bottom:16px}.iphone[data-v-a65bdbec]{width:300px;height:600px;position:relative}.iphone .iphone-mp4[data-v-a65bdbec]{position:absolute;width:260px;height:564px;margin:18px 20px}.iphone .iphone-mp4 .my-video[data-v-a65bdbec]{width:260px;height:564px}.iphone .iphone-case[data-v-a65bdbec]{position:absolute;width:300px;height:600px;background-image:url("//ci.xiaohongshu.com/3ca6607e-d4a5-4cb9-b455-a746713d8283");background-repeat:no-repeat;background-size:contain}@media screen and (min-height:900px){.iphone[data-v-a65bdbec]{zoom:1}}@media screen and (min-height:820px) and (max-height:900px){.iphone[data-v-a65bdbec]{zoom:.9}}@media screen and (max-height:820px){.iphone[data-v-a65bdbec]{zoom:.8}}@media screen and (max-height:720px){.iphone[data-v-a65bdbec]{zoom:.7}}@media screen and (max-height:540px){.iphone[data-v-a65bdbec]{zoom:.6}}.container[data-v-b0c63ab8]{top:0;left:0;right:0;bottom:0;position:fixed}.video-bg[data-v-b0c63ab8]{position:absolute;right:0;bottom:0;left:0;top:0}.video-bg[data-v-b0c63ab8]:before{content:"";position:absolute;width:100%;height:100%;background:transparent}.video-bg .my-video[data-v-b0c63ab8]{min-width:100%;min-height:100%}.content[data-v-b0c63ab8]{position:relative;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.content .middle[data-v-b0c63ab8]{top:0;left:0;right:0;bottom:0;position:absolute;width:100%;height:100%}.content .middle .middle-wrapper[data-v-b0c63ab8]{top:50%;left:50%;transform:translate(-60%,-60%);display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute}.content .middle .middle-wrapper .iphone-wrapper[data-v-b0c63ab8]{margin-right:60px}.content .middle .middle-wrapper .description[data-v-b0c63ab8]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.content .middle .middle-wrapper .description .logo-big[data-v-b0c63ab8]{width:143px;height:50px;background-image:url("//ci.xiaohongshu.com/83074709-0d05-4d1c-9d38-24a8e910d914");background-size:contain;background-repeat:no-repeat;background-position:50%}.content .middle .middle-wrapper .description .lifestyle[data-v-b0c63ab8]{white-space:nowrap;color:#fff;font-size:48px;font-weight:500;margin:13px 0 0}.content .middle .middle-wrapper .description .lifestyle-english[data-v-b0c63ab8]{white-space:nowrap;color:#fff;font-size:14px;font-family:Helvetica,Arial,sans-serif;font-style:oblique;font-weight:400;margin:20px 0 0}.content .middle .middle-wrapper .description .qrcodes[data-v-b0c63ab8]{margin-top:36px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#333}.content .middle .middle-wrapper .description .qrcodes div[data-v-b0c63ab8]{display:flex;flex-direction:row;justify-content:center;align-items:center;width:150px;height:40px;border-radius:20px;background-color:#fff;margin-right:15px;cursor:pointer;position:relative}.content .middle .middle-wrapper .description .qrcodes div[data-v-b0c63ab8]:before{content:"";position:absolute;top:35px;left:0;width:100%;height:142px;border-radius:0 0 20px 20px;background-color:#fff;opacity:0;visibility:hidden}.content .middle .middle-wrapper .description .qrcodes div[data-v-b0c63ab8]:after{content:"";position:absolute;top:40px;left:8px;width:134px;height:134px;border-radius:12px 12px 12px 12px;background-image:url("//ci.xiaohongshu.com/0b84da4e-3984-4603-a2f2-72a806e5494d");background-repeat:no-repeat;background-size:contain;opacity:0;visibility:hidden}.content .middle .middle-wrapper .description .qrcodes div[data-v-b0c63ab8]:hover{border-radius:20px 20px 0 0}.content .middle .middle-wrapper .description .qrcodes div[data-v-b0c63ab8]:hover:after,.content .middle .middle-wrapper .description .qrcodes div[data-v-b0c63ab8]:hover:before{top:40px;opacity:1;visibility:visible}.content .middle .middle-wrapper .description .qrcodes div span[data-v-b0c63ab8]{display:inline-block;width:24px;height:24px;margin-right:6px}.content .middle .middle-wrapper .description .qrcodes .android[data-v-b0c63ab8]:after{background-image:url("//ci.xiaohongshu.com/8aa9236a-43ef-44f0-97d3-3167847de82a")}@media screen and (min-height:900px){.middle-wrapper[data-v-b0c63ab8]{zoom:1}}@media screen and (min-height:820px) and (max-height:900px){.middle-wrapper[data-v-b0c63ab8]{zoom:.9}}@media screen and (max-height:820px){.middle-wrapper[data-v-b0c63ab8]{zoom:.8}}@media screen and (max-height:720px){.middle-wrapper[data-v-b0c63ab8]{zoom:.7}}@media screen and (max-height:540px){.middle-wrapper[data-v-b0c63ab8]{zoom:.6}}@media screen and (min-width:1250px) and (max-width:1400px){.footer[data-v-b0c63ab8]{zoom:.9}}@media screen and (max-width:1250px) and (min-width:1101px){.header[data-v-b0c63ab8]{zoom:.9}.footer[data-v-b0c63ab8]{zoom:.8}}@media screen and (max-width:1101px) and (min-width:1030px){.header[data-v-b0c63ab8]{zoom:.8}.footer[data-v-b0c63ab8]{zoom:.7}}@media screen and (max-width:1030px) and (min-width:1024px){.header[data-v-b0c63ab8]{zoom:.8}.footer[data-v-b0c63ab8]{zoom:.6}}@media screen and (max-width:1024px){.header[data-v-b0c63ab8]{zoom:.8}.footer[data-v-b0c63ab8]{zoom:.6}}.banned-title[data-v-2959b263]{font-weight:500}[data-v-2959b263] .reds-alert-title{padding-bottom:4px!important}.text[data-v-2959b263]{font-weight:400;font-size:12px;line-height:20px;color:var(--color-tertiary-label);padding:0 20px 20px}.reason[data-v-2959b263]{font-weight:500;color:var(--color-primary-label)}.link[data-v-2959b263]{color:var(--color-link);font-weight:500}.center[data-v-2959b263]{text-align:center}.paragraph[data-v-2959b263]{margin-top:4px}.anchor[data-v-d805202a]{position:relative}.anchor .share-icon[data-v-d805202a]{color:var(--color-secondary-label)}.anchor .share-icon[data-v-d805202a]:hover{color:var(--color-primary-label)}.share-container[data-v-d805202a]{position:absolute;bottom:36px;left:50%;transform:translateX(-50%)}.share-container.bottom[data-v-d805202a]{top:41px}.share-wrapper[data-v-d805202a]{display:flex;flex-direction:column;align-items:center;padding-top:16px;width:240px;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow);border-radius:12px}.share-wrapper .share-wrapper-header[data-v-d805202a]{color:var(--color-primary-label);font-weight:600;font-size:16px;line-height:120%}.share-wrapper .text[data-v-d805202a]{margin:8px 0;font-size:14px;line-height:120%;color:var(--color-tertiary-label);text-align:center}.qrcode-wrapper[data-v-d805202a]{margin-top:8px;display:flex;align-items:center;justify-content:center;padding:16px;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.04),0 1px 2px 0 rgba(0,0,0,.02)}.qrcode-wrapper .Qr-code[data-v-d805202a]{width:128px;height:128px}.qrcode-wrapper .Qr-code img[data-v-d805202a]{width:100%;height:100%}.share-tools[data-v-d805202a]{padding:6px;width:100%;height:56px;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin-top:8px}.share-tools .reds-button-new[data-v-d805202a]{cursor:pointer;color:var(--color-secondary-label)}[data-v-5d7126d7] .reds-button-new:hover{background:var(--color-active-background)}[data-v-5d7126d7] .reds-button-new:active{background:var(--color-active-background);color:var(--color-primary-label)}.container[data-v-5d7126d7]{display:flex;flex-direction:column;position:fixed;top:0;background:var(--color-background);z-index:15}.container iframe[data-v-5d7126d7]{width:100%;flex-grow:1;outline:none;border:0;margin:0}.container svg[data-v-5d7126d7]{cursor:pointer;opacity:.8;color:var(--color-secondary-label)}.container .header[data-v-5d7126d7]{display:flex;align-items:center;-webkit-user-select:none;user-select:none;flex-shrink:0;height:40px;margin-bottom:8px}.container .header .title[data-v-5d7126d7]{flex:1;text-align:center;color:var(--color-primary-label);font-size:16px;font-weight:600}.container .header .left[data-v-5d7126d7],.container .header .right[data-v-5d7126d7]{flex:1;display:flex;align-items:center}.container .header .left .close-icon[data-v-5d7126d7],.container .header .right .close-icon[data-v-5d7126d7]{color:var(--color-secondary-label)}.container .header .left .close-icon[data-v-5d7126d7]:hover,.container .header .right .close-icon[data-v-5d7126d7]:hover{color:var(--color-primary-label)}.container .header .right[data-v-5d7126d7]{justify-content:flex-end}.container .header .dragger[data-v-5d7126d7]{color:var(--color-quaternary-label)}.container .header .dragger[data-v-5d7126d7]:hover{color:var(--color-tertiary-label);cursor:grab}.container .header .dragger.dragging[data-v-5d7126d7]{color:var(--color-tertiary-label);cursor:grabbing}@media screen and (min-width:960px){.container[data-v-5d7126d7]{width:440px;height:calc(100vh - 64px);margin:32px 0;padding:8px;border-radius:20px;box-shadow:var(--elevation-high-shadow);left:calc(100% - 440px);transform:translateX(-32px);transition:left .3s ease,transform .3s ease,box-shadow .3s ease}.container.out[data-v-5d7126d7]{transform:translateX(100%);box-shadow:none}.container.left[data-v-5d7126d7]{left:0;transform:translateX(32px)}.container.left.out[data-v-5d7126d7]{transform:translateX(-100%);box-shadow:none}.container iframe[data-v-5d7126d7]{border-radius:12px}.container .fullscreen-header[data-v-5d7126d7]{display:none}}@media screen and (max-width:959px){.container[data-v-5d7126d7]{width:100%;height:100%;margin:0;padding:0;border-radius:0;left:0}.container.out[data-v-5d7126d7],.container .panel-header[data-v-5d7126d7]{display:none}}.center-modal-container[data-v-107a8157]{background:var(--elevation-high-background);border-radius:16px;-webkit-user-select:none;user-select:none}@media screen and (min-width:1424px){.center-modal-container[data-v-107a8157]{width:440px}}@media screen and (min-width:1192px) and (max-width:1423px){.center-modal-container[data-v-107a8157]{width:400px}}@media screen and (min-width:696px) and (max-width:1191px){.center-modal-container[data-v-107a8157]{width:360px}}@media screen and (max-width:695px){.center-modal-container[data-v-107a8157]{width:320px}}.header[data-v-107a8157]{height:56px;padding:8px;display:flex;flex-wrap:nowrap;position:relative;justify-content:center}.text[data-v-107a8157]{color:var(--color-primary-label);font-weight:600;font-size:16px;display:flex;align-items:center}.close-container[data-v-107a8157]{right:8px;width:40px;height:40px;position:absolute;display:flex;justify-content:center;align-items:center;color:var(--color-secondary-label);cursor:pointer}.close-container[data-v-107a8157]:hover{background:var(--color-active-background);border-radius:999px;color:var(--color-primary-label)}.keyboard[data-v-2c88deca]{background-color:var(--color-primary-label);color:var(--color-inverted-label);height:24px;min-width:24px;line-height:24px;display:inline-block;padding:0 8px;border-radius:4px;font-size:12px;font-weight:500}.icon-container[data-v-2c88deca]{height:24px;width:24px;display:inline-flex;justify-content:center;align-items:center}.inverted[data-v-2c88deca]{background-color:transparent;color:var(--color-secondary-label)}.square[data-v-2c88deca]{width:24px;display:flex;padding:0;justify-content:center}.desc[data-v-4b821c51]{display:flex;align-items:center;font-size:16px;color:var(--color-secondary-label)}.content[data-v-4b821c51]{height:440px;padding:24px}.keyboard-container[data-v-4b821c51]{display:flex;justify-content:space-between;margin-bottom:12px}.keyboard-container.not-first[data-v-4b821c51]{margin-top:12px}.keys-container[data-v-4b821c51]{display:flex}.content[data-v-54d1332f]{display:flex;flex-direction:column}.desc-container[data-v-54d1332f]{padding:24px}.title[data-v-54d1332f]{color:var(--color-primary-label);font-size:18px;font-weight:600;margin-bottom:12px}.text[data-v-54d1332f],.title[data-v-54d1332f]{text-align:center;-webkit-user-select:text;user-select:text}.text[data-v-54d1332f]{color:var(--color-secondary-label);font-size:14px}.btn-container[data-v-54d1332f]{padding:0 48px 48px;display:flex;justify-content:center}.btn[data-v-54d1332f]{color:var(--color-secondary-label);font-size:16px;height:48px;padding:0 24px;border-radius:999px;border:1px solid var(--color-border);display:flex;justify-content:center;align-items:center;font-weight:600;white-space:nowrap;cursor:pointer}.btn[data-v-54d1332f]:hover{color:var(--color-primary-label);background:var(--color-active-background)}.video[data-v-54d1332f]{border-bottom:1px solid var(--color-shadow-border)}.content[data-v-7bd100ea]{display:flex;flex-direction:column}.desc-container[data-v-7bd100ea]{padding:24px}.title[data-v-7bd100ea]{color:var(--color-primary-label);font-size:18px;font-weight:600;margin-bottom:12px}.text[data-v-7bd100ea],.title[data-v-7bd100ea]{text-align:center;-webkit-user-select:text;user-select:text}.text[data-v-7bd100ea]{color:var(--color-secondary-label);font-size:14px}.btn-container[data-v-7bd100ea]{padding:0 48px 48px;display:flex;justify-content:center}.btn[data-v-7bd100ea]{color:var(--color-secondary-label);font-size:16px;height:48px;padding:0 24px;border-radius:999px;border:1px solid var(--color-border);display:inline-flex;justify-content:center;align-items:center;font-weight:600;cursor:pointer;white-space:nowrap}.btn[data-v-7bd100ea]:hover{color:var(--color-primary-label);background:var(--color-active-background)}.video[data-v-7bd100ea]{border-bottom:1px solid var(--color-shadow-border)}.guide[data-v-87d04c0a]{width:200px;height:200px}.container[data-v-87d04c0a]{display:flex;align-items:center;justify-content:center;flex-direction:column}.desc[data-v-87d04c0a]{font-size:18px;font-weight:600;color:var(--color-white);margin-top:24px}\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.force-light,:root{--color-primary-label:#333;--color-secondary-label:rgba(51,51,51,0.8);--color-tertiary-label:rgba(51,51,51,0.6);--color-quaternary-label:rgba(51,51,51,0.3);--color-link:#13386c;--color-inverted-label:#fff;--color-background:#fff;--color-active-background:rgba(0,0,0,0.03);--color-border:rgba(0,0,0,0.08);--color-shadow-border:rgba(0,0,0,0.02);--elevation-low-background:#fff;--elevation-high-background:#fff;--elevation-note-background:#fff;--elevation-low-shadow:0 2px 8px 0 rgba(0,0,0,0.04),0 1px 2px 0 rgba(0,0,0,0.02);--elevation-high-shadow:0 4px 32px 0 rgba(0,0,0,0.08),0 1px 4px 0 rgba(0,0,0,0.04);--elevation-note-shadow:0 8px 64px 0 rgba(0,0,0,0.04),0 1px 4px 0 rgba(0,0,0,0.02);--elevation-low-shadow-filter:drop-shadow(0 2px 8px rgba(0,0,0,0.04)) drop-shadow(0 1px 2px rgba(0,0,0,0.02));--elevation-high-shadow-filter:drop-shadow(0 4px 32px rgba(0,0,0,0.08)) drop-shadow(0 1px 4px rgba(0,0,0,0.04));--material-filter:saturate(150%) blur(10px);--material-background:rgba(64,64,64,0.25);--material-inverted-background:rgba(51,51,51,0.9);--mask-backdrop:rgba(0,0,0,0.25);--mask-note-card:rgba(0,0,0,0.25);--mask-paper:hsla(0,0%,100%,0.98);--color-white:#fff;--color-red:#ff2442;--color-tinted-red:rgba(255,36,66,0.06);--color-blue:#3d8af5;--color-tinted-blue:rgba(61,138,245,0.1);--mask-video-player-mask:linear-gradient(180deg,rgba(0,0,0,0.25),transparent 24.48%,transparent 50%,rgba(0,0,0,0.75));--color-vertical-channel:#fff9dd}.force-dark,.force-light,:root,:root[dark]{--search-hotspot-hint:linear-gradient(90deg,#ff2543,#ff5225)}.force-dark,:root[dark]{--color-primary-label:#fff;--color-secondary-label:hsla(0,0%,100%,0.8);--color-tertiary-label:hsla(0,0%,100%,0.6);--color-quaternary-label:hsla(0,0%,100%,0.3);--color-link:#c7daef;--color-inverted-label:#0a0a0a;--color-background:#0a0a0a;--color-active-background:hsla(0,0%,100%,0.04);--color-border:hsla(0,0%,100%,0.08);--color-shadow-border:hsla(0,0%,100%,0.02);--elevation-low-background:#121212;--elevation-high-background:#181818;--elevation-note-background:#121212;--elevation-low-shadow:0 2px 8px 0 rgba(0,0,0,0.04),0 1px 2px 0 rgba(0,0,0,0.02),0 0 0 1px hsla(0,0%,100%,0.04) inset;--elevation-high-shadow:0 4px 32px 0 rgba(0,0,0,0.08),0 1px 4px 0 rgba(0,0,0,0.04),0 0 0 1px hsla(0,0%,100%,0.06) inset;--elevation-note-shadow:0 8px 64px 0 rgba(0,0,0,0.04),0 1px 4px 0 rgba(0,0,0,0.02);--elevation-low-shadow-filter:drop-shadow(0 2px 8px rgba(0,0,0,0.04)) drop-shadow(0 1px 2px rgba(0,0,0,0.02)) drop-shadow(0 0 1px hsla(0,0%,100%,0.04));--elevation-high-shadow-filter:drop-shadow(0 4px 32px rgba(0,0,0,0.08)) drop-shadow(0 1px 4px rgba(0,0,0,0.04)) drop-shadow(0 0 1px hsla(0,0%,100%,0.06));--material-filter:saturate(150%) blur(10px);--material-background:rgba(64,64,64,0.25);--material-inverted-background:hsla(0,0%,100%,0.9);--mask-backdrop:rgba(0,0,0,0.5);--mask-note-card:rgba(0,0,0,0.25);--mask-paper:rgba(10,10,10,0.98);--color-white:#fff;--color-red:#ff2e4d;--color-tinted-red:rgba(255,46,77,0.06);--color-blue:#3d8af5;--color-tinted-blue:rgba(61,138,245,0.1);--mask-video-player-mask:linear-gradient(180deg,rgba(0,0,0,0.25),transparent 24.48%,transparent 50%,rgba(0,0,0,0.75));--color-vertical-channel:#1f190f}body,html{font-size:14px;color:var(--color-primary-label);width:100vw!important;max-width:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji,BlinkMacSystemFont,Helvetica Neue,Arial,PingFang SC,PingFang TC,PingFang HK,Microsoft Yahei,Microsoft JhengHei;margin:0;background-color:var(--color-background);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{background-color:var(--color-background);width:0;height:0}*{box-sizing:border-box;-webkit-user-select:auto;user-select:auto;scrollbar-width:none;-webkit-tap-highlight-color:transparent}h1{font-size:48px}h2{font-size:36px}h3{font-size:26px}h4{font-size:20px}a{text-decoration:none;background-color:transparent}button,input{-webkit-appearance:none;appearance:none;outline:none;border:none;background:none;padding:0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--elevation-high-background) inset;-webkit-text-fill-color:var(--color-primary-label)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}button{padding:0}.reds-toast{max-width:none!important}input::-webkit-credentials-auto-fill-button{display:none!important;visibility:hidden;pointer-events:none;position:absolute;right:0}@media screen and (min-width:1728px){:root{--vertical:16;--horizontal:32;--interaction-width:440px;--horizontalGapPx:32px;--verticalGapPx:16px;--feeds-width:1381.33333px;--feeds-columns:5;--columnWidth:250.66667px;--note-card-corner-radius:16px}}@media screen and (min-width:1424px) and (max-width:1727px){:root{--vertical:16;--horizontal:32;--interaction-width:440px;--horizontalGapPx:32px;--verticalGapPx:16px;--feeds-width:calc(83.33333vw - 58.66667px);--feeds-columns:5;--columnWidth:calc(16.66667vw - 37.33333px);--note-card-corner-radius:16px}}@media screen and (min-width:1192px) and (max-width:1423px){:root{--vertical:12;--horizontal:24;--interaction-width:400px;--horizontalGapPx:24px;--verticalGapPx:12px;--feeds-width:calc(80vw - 43.2px);--feeds-columns:4;--columnWidth:calc(20vw - 28.8px);--note-card-corner-radius:16px}}@media screen and (min-width:960px) and (max-width:1191px){:root{--vertical:12;--horizontal:24;--interaction-width:360px;--horizontalGapPx:24px;--verticalGapPx:12px;--feeds-width:calc(75vw - 42px);--feeds-columns:3;--columnWidth:calc(25vw - 30px);--note-card-corner-radius:16px}}@media screen and (min-width:696px) and (max-width:959px){:root{--vertical:12;--horizontal:24;--interaction-width:100vw;--horizontalGapPx:24px;--verticalGapPx:12px;--feeds-width:calc(100vw - 48px);--feeds-columns:3;--columnWidth:calc(33.33333vw - 32px);--note-card-corner-radius:16px}}@media screen and (max-width:695px){:root{--vertical:6;--horizontal:12;--interaction-width:100vw;--horizontalGapPx:12px;--verticalGapPx:6px;--feeds-width:calc(100vw - 24px);--feeds-columns:2;--columnWidth:calc(50vw - 18px);--note-card-corner-radius:12px}}:root{--header-height:72px}\n/*# sourceMappingURL=https://picasso-private-1251524319.cos.ap-shanghai.myqcloud.com/data/formula-static/formula/xhs-pc-web/main.b8bca4e.css.map*/&lt;/style&gt;&lt;link rel="dns-prefetch" href="https://sns-webpic-qc.xhscdn.com"&gt;\n&lt;link rel="dns-prefetch" href="https://sns-avatar-qc.xhscdn.com"&gt;\n&lt;link rel="dns-prefetch" href="https://picasso-static.xiaohongshu.com"&gt;\n&lt;link rel="dns-prefetch" href="https://sns-video-qc.xhscdn.com"&gt;\n&lt;link rel="dns-prefetch" href="https://sns-video-hw.xhscdn.com"&gt;\n&lt;link rel="dns-prefetch" href="https://sns-video-bd.xhscdn.com"&gt;\n&lt;link rel="dns-prefetch" href="https://sns-video-qn.xhscdn.com"&gt;\n&lt;link rel="dns-prefetch" href="https://sns-video-hw.xhscdn.net"&gt;\n&lt;link rel="manifest" href="//fe-video-qc.xhscdn.com/fe-platform/ebf234fe97561cc2242114a0c5ba836eaf0848f8.json?attname=fe-platform/ebf234fe97561cc2242114a0c5ba836eaf0848f8.json.json"&gt;\n&lt;link rel="apple-touch-icon-precomposed" href="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png"&gt;\n&lt;link rel="apple-touch-icon" href="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png"&gt;\n&lt;meta name="og:image" content="//picasso-static.xiaohongshu.com/fe-platform/e6214e4fbfae2cf14d634d4296916e8a5eaefdf4.png"&gt;\n&lt;meta itemprop="image" content="//picasso-static.xiaohongshu.com/fe-platform/f43dc4a8baf03678996c62d8db6ebc01a82256ff.png"&gt;\n&lt;style&gt;true&lt;/style&gt;\n&lt;meta name="theme-color" content="rgb(255, 255, 255)"&gt;\n&lt;script type="text/javascript"&gt;(e=&gt;{const t=localStorage.getItem("xhs-pc-theme")||"",o=null===(e=window.matchMedia("(prefers-color-scheme: dark)"))||void 0===e?void 0:e.matches;var r;(t&amp;&amp;"system"!==t?"dark"===t:o)&amp;&amp;(null===(r=document)||void 0===r||null===(r=r.querySelector("meta[name=\'theme-color\']"))||void 0===r||r.setAttribute("content","rgb(10, 10, 10)"),document.documentElement.setAttribute("dark",""))})();&lt;/script&gt;\n&lt;meta name="server-rendered" content&gt;\n&lt;meta name="description" content="2 亿人的生活经验，都在小红书"&gt;\n&lt;meta name="og:description" content="2 亿人的生活经验，都在小红书"&gt;&lt;style type="text/css" data-href="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/css/Explore.14ac615.chunk.css" data-inject="css/Explore.14ac615.chunk.css"&gt;.tooltip-wrapper[data-v-2f76d574]{background:var(--elevation-high-background);filter:var(--elevation-high-shadow-filter);font-size:16px;color:var(--color-primary-label);line-height:120%;font-weight:600;z-index:121212;position:relative;border-radius:12px;display:flex;align-items:center}.singleLine[data-v-2f76d574]{height:40px;padding:0 12px}.mutiLine[data-v-2f76d574]{height:auto;padding:16px}.arrow[data-v-2f76d574]{color:var(--elevation-high-background);position:absolute;width:36px;height:36px}.tooltip[data-v-010b8893]{position:absolute;right:0;width:24px;height:24px;right:32px;top:50%;display:flex;align-items:center;justify-content:center}.tooltip .guide-tip[data-v-010b8893]{width:239px;height:40px;position:absolute;right:60px;cursor:auto;box-shadow:var(--elevation-high-shadow);filter:none}.tooltip .guide-tip .no-wrap[data-v-010b8893]{white-space:nowrap}.finger-guide[data-v-010b8893]{width:40px;height:40px;position:absolute;right:20px}.finger-svg-container[data-v-010b8893]{width:60px;height:60px;position:absolute;left:0}.img-note-guide[data-v-b8351c36]{cursor:auto}.img-note-guide .no-wrap[data-v-b8351c36]{white-space:nowrap}.img-note-guide .ok[data-v-b8351c36]{font-size:16px;line-height:120%;font-weight:600;color:var(--color-link);margin-left:8px;cursor:pointer}.tool-tip[data-v-a54bee4a]{display:flex;justify-content:center;width:240px;background:var(--elevation-high-background);box-shadow:var(--elevation-high-shadow)}.no-wrap[data-v-a54bee4a]{white-space:nowrap}.no-wrap .link-icon[data-v-a54bee4a]{color:var(--color-primary-label)}.no-wrap .ok-button[data-v-a54bee4a]{font-size:16px;line-height:120%;font-weight:600;color:var(--color-link);margin-left:4px;cursor:pointer}.refresh-guide[data-v-643fc6fc]{cursor:auto}.refresh-guide .no-wrap[data-v-643fc6fc]{white-space:nowrap}.refresh-guide .ok[data-v-643fc6fc]{font-size:16px;font-weight:600;line-height:120%;color:var(--color-link);margin-left:6px;cursor:pointer}.menu-guide[data-v-5837fa08]{cursor:auto}.menu-guide .desc[data-v-5837fa08]{margin-top:4px;font-size:14px;font-weight:400;line-height:120%}.menu-guide .ok[data-v-5837fa08]{margin-top:6px;font-size:16px;font-weight:600;line-height:120%;color:var(--color-link);cursor:pointer;display:flex}.menu-guide .ok .ok-text[data-v-5837fa08]{margin-left:auto}.copy-guide[data-v-7c5ab2ec]{cursor:auto}.copy-guide .no-wrap[data-v-7c5ab2ec]{white-space:nowrap}.copy-guide .ok[data-v-7c5ab2ec]{font-size:16px;line-height:120%;font-weight:600;color:var(--color-link);margin-left:8px;cursor:pointer}.menu-guide[data-v-56f4bd56]{cursor:auto;width:240px}.menu-guide .desc[data-v-56f4bd56]{margin-top:4px;font-size:14px;font-weight:400;line-height:120%}.menu-guide .ok[data-v-56f4bd56]{margin-top:6px;font-size:16px;font-weight:600;line-height:120%;color:var(--color-link);cursor:pointer;display:flex}.menu-guide .ok .ok-text[data-v-56f4bd56]{margin-left:auto}\n/*# sourceMappingURL=https://picasso-private-1251524319.cos.ap-shanghai.myqcloud.com/data/formula-static/formula/xhs-pc-web/Explore.14ac615.chunk.css.map*/&lt;/style&gt;&lt;script src="//fe-static.xhscdn.com/formula-static/xhs-pc-web/public/js/Explore.b223a3b.chunk.js" data-inject="js/Explore.b223a3b.chunk.js" defer="defer" onerror="this.remove()"&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="app"&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;!----&gt;&lt;!----&gt;&lt;div id="global" data-logged="0" data-holdout="0" class="layout limit" style="--d8bd5f3c:1728px;" data-v-6e6b77c2&gt;&lt;div class="header-container" data-v-6e6b77c2 style="--9b627a12:1728px;" data-v-eb152440&gt;&lt;header class="mask-paper" data-v-eb152440&gt;&lt;a aria-current="page" href="/explore" class="active router-link-exact-active" id="link-guide" style="display:flex;" data-v-eb152440&gt;&lt;img crossorigin="anonymous" width="67" height="24" style="pointer-events:none;" src="" data-v-eb152440&gt;&lt;/a&gt;&lt;div class="toolbox" data-v-eb152440 data-v-4d62a79f&gt;&lt;/div&gt;&lt;!--[--&gt;&lt;div class="input-box" data-v-4b076d86&gt;&lt;input id="search-input" value="" type="text" spellcheck="false" class="search-input" placeholder="登录探索更多内容" autocomplete="off" data-v-4b076d86&gt;&lt;!----&gt;&lt;div class="input-button" data-v-4b076d86&gt;&lt;!----&gt;&lt;div class="search-icon" data-v-4b076d86&gt;&lt;svg class="reds-icon" width="20" height="20" data-v-4b076d86 data-v-23d27ada&gt;&lt;use xlink:href="#search" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/div&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;button class="reds-button-new min-width-search-icon large primary has-icon pure-icon min-width-search-icon" style="" data-v-4b076d86&gt;&lt;span class="reds-button-new-box"&gt;&lt;svg class="reds-icon reds-button__icon" width="16px" height="16px" data-v-23d27ada&gt;&lt;use xlink:href="#search" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;!--[--&gt;&lt;!--]--&gt;&lt;!----&gt;&lt;/span&gt;&lt;/button&gt;&lt;!----&gt;&lt;!--]--&gt;&lt;div class="right" data-v-eb152440&gt;&lt;div class="menu" data-v-eb152440 data-v-49f1043a&gt;&lt;!----&gt;&lt;div class="dropdown-nav" data-v-49f1043a&gt;&lt;!--[--&gt;&lt;div data-v-49f1043a data-v-88087ba4&gt;&lt;button class="reds-button-new channel-btn large text channel-btn" style="" data-v-49f1043a&gt;&lt;span class="reds-button-new-box"&gt;&lt;!----&gt;&lt;!--[--&gt;&lt;!--]--&gt;&lt;span class="reds-button-new-text"&gt;&lt;!--[--&gt;创作中心&lt;!--]--&gt;&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;&lt;!----&gt;&lt;/div&gt;&lt;div data-v-49f1043a data-v-88087ba4&gt;&lt;button class="reds-button-new channel-btn large text channel-btn" style="" data-v-49f1043a&gt;&lt;span class="reds-button-new-box"&gt;&lt;!----&gt;&lt;!--[--&gt;&lt;!--]--&gt;&lt;span class="reds-button-new-text"&gt;&lt;!--[--&gt;业务合作&lt;!--]--&gt;&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;&lt;!----&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;div id="small-more-info" class="menu-icon-dropdown-nav" data-v-49f1043a&gt;&lt;div class="menu-icon-btn" data-v-49f1043a&gt;&lt;button class="reds-button-new large primary has-icon pure-icon" style="" data-v-49f1043a&gt;&lt;span class="reds-button-new-box"&gt;&lt;svg class="reds-icon reds-button__icon" width="16px" height="16px" data-v-23d27ada&gt;&lt;use xlink:href="#menu" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;!--[--&gt;&lt;!--]--&gt;&lt;!----&gt;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/header&gt;&lt;/div&gt;&lt;div class="main-container" data-v-6e6b77c2&gt;&lt;div class="side-bar" data-v-6e6b77c2 data-v-7d49aed8&gt;&lt;ul class="channel-list" data-v-7d49aed8&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;li id="explore-guide-refresh" class="active-channel" data-v-7d49aed8&gt;&lt;a aria-current="page" href="/explore" class="active router-link-exact-active link-wrapper" target="_self" data-v-7d49aed8&gt;&lt;svg class="reds-icon icon-wrapper" width="24" height="24" data-v-7d49aed8 data-v-23d27ada&gt;&lt;use xlink:href="#home" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;span class="channel" data-v-7d49aed8&gt;发现&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;!--]--&gt;&lt;!--[--&gt;&lt;li id="" class="" data-v-7d49aed8&gt;&lt;a target="_blank" href="https://creator.xiaohongshu.com/publish/publish?source=official" class="link-wrapper" data-v-7d49aed8&gt;&lt;svg class="reds-icon icon-wrapper" width="24" height="24" data-v-7d49aed8 data-v-23d27ada&gt;&lt;use xlink:href="#creator" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;span class="channel" data-v-7d49aed8&gt;发布&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;!--]--&gt;&lt;!--[--&gt;&lt;li class="link-wrapper bottom-channel" data-v-7d49aed8 data-v-83911130&gt;&lt;a href="/notification" class="link-wrapper bottom-channel" data-v-83911130&gt;&lt;div class="badge-container" data-v-83911130 data-v-683ac9b9&gt;&lt;!--[--&gt;&lt;svg class="reds-icon text-active" width="24" height="24" data-v-83911130 data-v-683ac9b9-s data-v-23d27ada&gt;&lt;use xlink:href="#notification" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;!--]--&gt;&lt;!----&gt;&lt;/div&gt;&lt;span class="text channel" data-v-83911130&gt;通知&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;!--]--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;div class="side-bar-component login-btn" data-v-1a45a638&gt;&lt;button class="reds-button-new login-btn large primary login-btn" id="login-btn" style="" data-v-1a45a638&gt;&lt;span class="reds-button-new-box"&gt;&lt;!----&gt;&lt;!--[--&gt;&lt;!--]--&gt;&lt;span class="reds-button-new-text"&gt;&lt;!--[--&gt;&lt;span class="login-btn" data-v-1a45a638&gt;登录&lt;/span&gt;&lt;!--]--&gt;&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;div class="bottom-channel bottom-menu-component" data-v-1a45a638&gt;&lt;!----&gt;&lt;div class="bottom-channel" data-v-1a45a638&gt;&lt;svg class="reds-icon" width="24" height="24" data-v-1a45a638 data-v-23d27ada&gt;&lt;use xlink:href="#me" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;span class="text" data-v-1a45a638&gt;我&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;/ul&gt;&lt;!----&gt;&lt;div id="explore-guide-menu" class="information-container" data-v-7d49aed8 data-v-00341c9a&gt;&lt;!----&gt;&lt;div class="information-wrapper" data-v-00341c9a&gt;&lt;svg class="reds-icon information-icon" width="24" height="24" data-v-00341c9a data-v-23d27ada&gt;&lt;use xlink:href="#menu" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt; 更多 &lt;/div&gt;&lt;div class="app-info outside" data-v-00341c9a&gt;&lt;p class="icp-info" data-v-00341c9a&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;a title="小红书_沪ICP备" href="//beian.miit.gov.cn/" target="_blank" class="icp-text" data-v-00341c9a&gt;沪ICP备13030189号&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_营业执照" href="//fe-video-qc.xhscdn.com/fe-platform/1315dcf7990709473005051f944bafcc641a879b.pdf" target="_blank" class="icp-text" data-v-00341c9a&gt;营业执照&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_沪公网安备" href="//www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010102002533" target="_blank" class="icp-text" data-v-00341c9a&gt;2024沪公网安备31010102002533号&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_网文" href="//fe-video-qc.xhscdn.com/picasso-editor/c081c205c927d605c959e3d6e1b22975c8a4b64f.pdf" target="_blank" class="icp-text" data-v-00341c9a&gt;增值电信业务经营许可证：沪B2-20150021&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_医疗器械网络交易服务" href="//fe-video-qc.xhscdn.com/fe-platform/410dce57bc12a6d7e5808060e47644fbe46f68ff.pdf" target="_blank" class="icp-text" data-v-00341c9a&gt;医疗器械网络交易服务第三方平台备案：(沪)网械平台备字[2019]第00006号&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_互联网药品信息服务" href="//fe-video-qc.xhscdn.com/fe-platform/f37a08cacc088061beb38329c387c32fc48fc6fe.pdf" target="_blank" class="icp-text" data-v-00341c9a&gt;互联网药品信息服务资格证书：(沪)-经营性-2023-0144&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_上海市互联网举报中心" href="//www.shjbzx.cn" target="_blank" class="icp-text" data-v-00341c9a&gt;违法不良信息举报电话：(021)2077 3004&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_上海市互联网举报中心" href="//www.shjbzx.cn" target="_blank" class="icp-text" data-v-00341c9a&gt;上海市互联网举报中心&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="网上有害信息举报专区" href="//www.12377.cn" target="_blank" class="icp-text" data-v-00341c9a&gt;网上有害信息举报专区&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_沪公网安备" href="//dc.xhscdn.com/06c2adb0-b353-11e9-9d0c-7be9ff8961c1/自营经营者信息公示.pdf" target="_blank" class="icp-text" data-v-00341c9a&gt;自营经营者信息&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a title="小红书_网络文化经营许可" href="//fe-video-qc.xhscdn.com/fe-platform/00af86bc528b44a4e9d18dd07f2dba59d2e55a1b.pdf" target="_blank" class="icp-text" data-v-00341c9a&gt;网络文化经营许可证：沪网文(2024)1344-086号&lt;/a&gt;  | &lt;!--]--&gt;&lt;!--[--&gt;&lt;a target="_blank" class="icp-text" data-v-00341c9a&gt;个性化推荐算法 网信算备310101216601302230019号&lt;/a&gt; &lt;!--]--&gt;&lt;!--]--&gt;&lt;/p&gt;&lt;div class="corp-info" data-v-00341c9a&gt;&lt;p data-v-00341c9a&gt;© 2014-2024&lt;/p&gt;&lt;p data-v-00341c9a&gt;行吟信息科技（上海）有限公司&lt;/p&gt;&lt;p data-v-00341c9a&gt;地址：上海市黄浦区马当路388号C座&lt;/p&gt;&lt;p data-v-00341c9a&gt;电话：9521-8999&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="with-side-bar main-content" data-v-6e6b77c2&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;div id="mfContainer" class="feeds-page" data-prefetch-hit="0" data-cache-exp="unknown" data-cache-hit="0" data-render-status="5" data-v-a1f2730e&gt;&lt;!----&gt;&lt;div class="channel-container" data-v-a1f2730e&gt;&lt;!--[--&gt;&lt;div class="scroll-container channel-scroll-container" data-v-a1f2730e data-v-7f9e6aac data-v-3d4aed4c&gt;&lt;!----&gt;&lt;!----&gt;&lt;div class="content-container" data-v-3d4aed4c&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;div class="channel active" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 推荐&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 穿搭&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 美食&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 彩妆&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 影视&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 职场&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 情感&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 家居&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 游戏&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 旅行&lt;/div&gt;&lt;div class="channel" data-v-7f9e6aac data-v-3d4aed4c-s&gt;&lt;!--[--&gt;&lt;!--]--&gt; 健身&lt;/div&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;!----&gt;&lt;!----&gt;&lt;div id="ssr-skeleton" class="skeleton-container" columns="6" data-v-a1f2730e data-v-82d3a842&gt;&lt;!--[--&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 0.75);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 0.75);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 0.75);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1.3333333333333333);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 1);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="wrapper skeleton-item" data-v-82d3a842 style="--656216a1:calc(var(--columnWidth) * 0.75);" data-v-d36c0dd8&gt;&lt;div class="cover" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="interact" data-v-d36c0dd8&gt;&lt;div class="title" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;div class="author" data-v-d36c0dd8&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;!----&gt;&lt;/div&gt;&lt;!----&gt;&lt;!----&gt;&lt;!----&gt;&lt;!--]--&gt;&lt;!----&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;div class="bottom-menu" data-v-6e6b77c2 data-v-aab8b132&gt;&lt;div class="channel-list" data-v-aab8b132&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;div class="bottom-channel" data-v-aab8b132&gt;&lt;a aria-current="page" href="/explore" class="active router-link-exact-active bottom-channel" target="_self" data-v-aab8b132&gt;&lt;svg class="reds-icon" width="24" height="24" data-v-aab8b132 data-v-23d27ada&gt;&lt;use xlink:href="#home" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;span class="text" data-v-aab8b132&gt;发现&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;!--[--&gt;&lt;div class="bottom-channel" data-v-aab8b132&gt;&lt;a target="_blank" href="https://creator.xiaohongshu.com/publish/publish?source=official" class="bottom-channel" data-v-aab8b132&gt;&lt;svg class="reds-icon" width="24" height="24" data-v-aab8b132 data-v-23d27ada&gt;&lt;use xlink:href="#creator" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;span class="text" data-v-aab8b132&gt;发布&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;!--[--&gt;&lt;li class="link-wrapper bottom-channel" data-v-aab8b132 data-v-83911130&gt;&lt;a href="/notification" class="link-wrapper bottom-channel" data-v-83911130&gt;&lt;div class="badge-container" data-v-83911130 data-v-683ac9b9&gt;&lt;!--[--&gt;&lt;svg class="reds-icon text-active" width="24" height="24" data-v-83911130 data-v-683ac9b9-s data-v-23d27ada&gt;&lt;use xlink:href="#notification" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;!--]--&gt;&lt;!----&gt;&lt;/div&gt;&lt;span class="text channel" data-v-83911130&gt;通知&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;!--]--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;!--[--&gt;&lt;div class="side-bar-component login-btn" data-v-1a45a638&gt;&lt;button class="reds-button-new login-btn large primary login-btn" id="login-btn" style="" data-v-1a45a638&gt;&lt;span class="reds-button-new-box"&gt;&lt;!----&gt;&lt;!--[--&gt;&lt;!--]--&gt;&lt;span class="reds-button-new-text"&gt;&lt;!--[--&gt;&lt;span class="login-btn" data-v-1a45a638&gt;登录&lt;/span&gt;&lt;!--]--&gt;&lt;/span&gt;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;div class="bottom-channel bottom-menu-component" data-v-1a45a638&gt;&lt;!----&gt;&lt;div class="bottom-channel" data-v-1a45a638&gt;&lt;svg class="reds-icon" width="24" height="24" data-v-1a45a638 data-v-23d27ada&gt;&lt;use xlink:href="#me" data-v-23d27ada&gt;&lt;/use&gt;&lt;/svg&gt;&lt;span class="text" data-v-1a45a638&gt;我&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;!----&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;!--]--&gt;&lt;div id="__XHS_AB_FLAGS__" style="display:none;width:0;height:0;position:absolute;" data-ab-flags="{&amp;quot;value&amp;quot;:{&amp;quot;requestExp&amp;quot;:{&amp;quot;testwebgwebid&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;userProfileCSR&amp;quot;:&amp;quot;0&amp;quot;,&amp;quot;classification&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;sellerpage_new&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;shop_entry&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;sellerpage_shop&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;pdp_hop1&amp;quot;:&amp;quot;1&amp;quot;,&amp;quot;coupon_module&amp;quot;:&amp;quot;1&amp;quot;}},&amp;quot;rejected&amp;quot;:{&amp;quot;webExp&amp;quot;:&amp;quot;no data&amp;quot;,&amp;quot;userExp&amp;quot;:&amp;quot;no data&amp;quot;},&amp;quot;id&amp;quot;:{&amp;quot;webId&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;userId&amp;quot;:&amp;quot;&amp;quot;},&amp;quot;status&amp;quot;:&amp;quot;finish&amp;quot;,&amp;quot;diversions&amp;quot;:{&amp;quot;requestExp&amp;quot;:[]},&amp;quot;source&amp;quot;:{&amp;quot;requestExp&amp;quot;:&amp;quot;api&amp;quot;},&amp;quot;csrReqStatus&amp;quot;:&amp;quot;noReq&amp;quot;,&amp;quot;ssrReqStatus&amp;quot;:&amp;quot;success&amp;quot;,&amp;quot;clientCost&amp;quot;:0,&amp;quot;serverCost&amp;quot;:6}"&gt;&lt;/div&gt;&lt;!--]--&gt;&lt;/div&gt;&lt;script&gt;function vue3Check(){void 0===window.Proxy&amp;&amp;alert("您当前系统版本过低，请升级后再试")}vue3Check()&lt;/script&gt;&lt;script&gt;window.__SSR__=true&lt;/script&gt;&lt;script&gt;window.__INITIAL_STATE__={"global":{"appSettings":{"notificationInterval":30,"prefetchTimeout":3000,"prefetchRedisExpires":259200000,"retryFeeds":true,"grayModeConfig":{"global":false,"dateRange":["2023-08-01 00:00:00","2023-08-19 23:59:59"],"greyRule":{"layout":{"enable":false,"pages":["Explore"]},"pages":["Explore"]},"disableLikeNotes":["64ce36f7000000000c036ba5"],"disableSearchHint":false},"NIO":true,"ICPInfoList":[{"label":"沪ICP备13030189号","link":"\\u002F\\u002Fbeian.miit.gov.cn\\u002F","title":"小红书_沪ICP备"},{"label":"营业执照","link":"\\u002F\\u002Ffe-video-qc.xhscdn.com\\u002Ffe-platform\\u002F1315dcf7990709473005051f944bafcc641a879b.pdf","title":"小红书_营业执照"},{"label":"2024沪公网安备31010102002533号","link":"\\u002F\\u002Fwww.beian.gov.cn\\u002Fportal\\u002FregisterSystemInfo?recordcode=31010102002533","title":"小红书_沪公网安备"},{"label":"增值电信业务经营许可证：沪B2-20150021","link":"\\u002F\\u002Ffe-video-qc.xhscdn.com\\u002Fpicasso-editor\\u002Fc081c205c927d605c959e3d6e1b22975c8a4b64f.pdf","title":"小红书_网文"},{"label":"医疗器械网络交易服务第三方平台备案：(沪)网械平台备字[2019]第00006号","link":"\\u002F\\u002Ffe-video-qc.xhscdn.com\\u002Ffe-platform\\u002F410dce57bc12a6d7e5808060e47644fbe46f68ff.pdf","title":"小红书_医疗器械网络交易服务"},{"label":"互联网药品信息服务资格证书：(沪)-经营性-2023-0144","link":"\\u002F\\u002Ffe-video-qc.xhscdn.com\\u002Ffe-platform\\u002Ff37a08cacc088061beb38329c387c32fc48fc6fe.pdf","title":"小红书_互联网药品信息服务"},{"label":"违法不良信息举报电话：(021)2077 3004","link":"\\u002F\\u002Fwww.shjbzx.cn","title":"小红书_上海市互联网举报中心"},{"label":"上海市互联网举报中心","link":"\\u002F\\u002Fwww.shjbzx.cn","title":"小红书_上海市互联网举报中心"},{"label":"网上有害信息举报专区","link":"\\u002F\\u002Fwww.12377.cn","title":"网上有害信息举报专区"},{"label":"自营经营者信息","link":"\\u002F\\u002Fdc.xhscdn.com\\u002F06c2adb0-b353-11e9-9d0c-7be9ff8961c1\\u002F自营经营者信息公示.pdf","title":"小红书_沪公网安备"},{"label":"网络文化经营许可证：沪网文(2024)1344-086号","link":"\\u002F\\u002Ffe-video-qc.xhscdn.com\\u002Ffe-platform\\u002F00af86bc528b44a4e9d18dd07f2dba59d2e55a1b.pdf","title":"小红书_网络文化经营许可"},{"label":"个性化推荐算法 网信算备310101216601302230019号"}]},"supportWebp":false,"serverTime":1712801536402,"grayMode":false,"referer":"","pwaAddDesktopPrompt":undefined,"firstVisitUrl":undefined,"easyAccessModalVisible":{"addDesktopGuide":false,"collectGuide":false,"keyboardList":false,"miniWindowGuide":false},"currentLayout":"default","fullscreenLocking":false,"feedbackPopupVisible":false,"trackFps":false,"supportAVIF":false,"imgFormatCollect":{"ssr":["jpg"],"csr":["jpg"]},"isUndertake":false},"user":{"loggedIn":false,"activated":false,"userInfo":{"userId":undefined,"redId":undefined},"follow":[],"userPageData":{},"activeTabKey":0,"notes":[[],[],[]],"isFetchingNotes":[false,false,false],"tabScrollTop":[0,0,0],"userFetchingStatus":undefined,"userNoteFetchingStatus":undefined,"bannedInfo":{"code":0,"showAlert":false,"reason":""},"firstFetchNote":true,"noteQueries":[{"num":30,"cursor":"","userId":"","hasMore":true},{"num":30,"cursor":"","userId":"","hasMore":true},{"num":30,"cursor":"","userId":"","hasMore":true}],"ssrDisableMask":false},"login":{"loginMethod":undefined,"from":"","showLogin":false,"agreed":false,"showTooltip":false,"loginData":{"phone":"","authCode":""},"errors":{"phone":"","authCode":""},"qrData":{"backend":{"qrId":"","code":""},"image":"","status":"un_scanned"},"counter":undefined,"inAntiSpamChecking":false,"recentFrom":"","isObPagesVisible":false,"obPageFillInProgress":null,"verificationCodeStartTime":0,"ageSelectValue":"21","hobbySelectValue":[],"genderSelectValue":undefined,"inSpamCheckSendAuthCode":false,"isRegFusing":false,"loginStep":0,"isLogining":false,"loginPadMountedTime":0,"loginTips":"登录后推荐更懂你的笔记","isRiskUser":false,"closeLoginModal":false},"feed":{"query":{"cursorScore":"","num":30,"refreshType":1,"noteIndex":0,"unreadBeginNoteId":"","unreadEndNoteId":"","unreadNoteCount":0,"category":"homefeed_recommend","searchKey":"","needNum":20,"imageFormats":[],"needFilterImage":false},"isFetching":false,"isError":false,"feedsWrapper":undefined,"undertakeNote":undefined,"feeds":[],"currentChannel":"homefeed_recommend","unreadInfo":{"cachedFeeds":[],"unreadBeginNoteId":"","unreadEndNoteId":"","unreadNoteCount":0,"timestamp":0},"validIds":{"noteIds":[]},"mfStatistics":{"timestamp":0,"visitTimes":0,"readFeedCount":0},"channels":{"categories":[{"id":"homefeed.fashion_v3","name":"穿搭"},{"id":"homefeed.food_v3","name":"美食"},{"id":"homefeed.cosmetics_v3","name":"彩妆"},{"id":"homefeed.movie_and_tv_v3","name":"影视"},{"id":"homefeed.career_v3","name":"职场"},{"id":"homefeed.love_v3","name":"情感"},{"id":"homefeed.household_product_v3","name":"家居"},{"id":"homefeed.gaming_v3","name":"游戏"},{"id":"homefeed.travel_v3","name":"旅行"},{"id":"homefeed.fitness_v3","name":"健身"}]},"isResourceDisplay":false,"isActivityEnd":false,"cancelFeedRequest":false,"prefetchId":undefined,"mfRequestMetaData":{"start":null,"lasting":null},"placeholderFeeds":[],"feedsCacheLogInfo":{"flag":"unknown","errorCode":-1,"isHitMfCache":false,"SSRDocumentChecked":false,"SSRDocumentCheckedSuccess":false},"isUsingPlaceholderFeeds":false,"placeholderFeedsConsumed":false,"isReplace":false,"isFirstSuccessFetched":false,"imgNoteFilterStatus":"unchecked","ssrRequestStatus":1,"ssrRenderExtra":"","channelExp":"1","enhanceUndertakeExp":"disable"},"layout":{"layoutInfoReady":false,"columns":6,"columnsWithSidebar":6,"gap":{"vertical":12,"horizontal":24},"columnWidth":0,"interactionWidth":0,"widthType":"normal","bufferRow":3},"search":{"state":"auto","searchContext":{"keyword":"","page":1,"pageSize":20,"searchId":"","sort":"general","noteType":0,"extFlags":[]},"feeds":[],"searchValue":"","suggestions":[],"userInputSugTrigger":"","keywordFrom":2,"searchRecFilter":[],"searchRecFilterTag":null,"searchFeedsWrapper":undefined,"currentSearchType":"note","hintWord":{"title":"搜索小红书","searchWord":"小红书网页版","hintWordRequestId":"default","type":"default"},"sugType":null,"queryTrendingInfo":undefined,"queryTrendingParams":{"source":"Explore","searchType":"trend","lastQuery":"","lastQueryTime":0,"wordRequestSituation":"FIRST_ENTER","hintWord":"","hintWordType":"","hintWordRequestId":""},"queryTrendingFetched":false,"oneboxInfo":{},"hasMore":true,"firstEnterSearchPage":true,"userLists":[],"fetchUserListsStatus":"auto","isFetchingUserLists":false,"hasMoreUser":true,"searchCplId":undefined,"wordRequestId":undefined,"historyList":[],"searchPageHasPrevRoute":false,"searchHotSpots":[],"hotspotQueryNoteStep":"display","hotspotQueryNoteIndex":0,"canShowHotspotQueryNote":true,"forceHotspotSearch":false,"searchCardHotSpots":[],"isHotspotSearch":false},"activity":{"isOpen":false,"currentUrl":"","entryList":[]},"note":{"prevRouteData":{},"prevRoute":"Empty","commentTarget":{},"isImgFullscreen":false,"gotoPage":"","firstNoteId":"","autoOpenNote":false,"topCommentId":"","noteDetailMap":{"undefined":{"comments":{"list":[],"cursor":"","hasMore":true,"loading":false,"firstRequestFinish":false},"currentTime":0,"note":{}}},"serverRequestInfo":{"state":"success","errorCode":0,"errMsg":""},"volume":0,"recommendVideoMap":{},"videoFeedType":"note_source","rate":1,"mediaWidth":450,"noteHeight":800},"nioStore":{"collectionListDataSource":undefined,"error":undefined},"notification":{"isFetching":false,"activeTabKey":-1,"notificationCount":{"unreadCount":0,"mentions":0,"likes":0,"connections":0},"notificationMap":{"mentions":{"messageList":[],"hasMore":true,"cursor":""},"likes":{"messageList":[],"hasMore":true,"cursor":""},"connections":{"messageList":[],"hasMore":true,"cursor":""}}}}&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;'</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=3bc3ee52-0116-430f-92c1-8a54d60383c6">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [2]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="n">w</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child jp-OutputArea-executeResult">
<div class="jp-OutputPrompt jp-OutputArea-prompt">Out[2]:</div>
<div class="jp-RenderedText jp-OutputArea-output jp-OutputArea-executeResult" data-mime-type="text/plain" tabindex="0">
<pre>'&lt;!DOCTYPE html&gt;&lt;html&gt;\n&lt;head&gt;\n&lt;meta name="applicable-device" content="pc"&gt;\n&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;\n&lt;meta name="renderer" content="webkit"&gt;\n&lt;meta http-equiv=\'X-UA-Compatible\' content=\'IE=edge,chrome=1\'&gt;\n&lt;link rel="canonical" href="https://www.neea.edu.cn/" /&gt;\n&lt;title&gt;首页 - 中国教育考试网&lt;/title&gt;\n&lt;meta name="keywords" content="中国教育考试网 教育考试 教育 首页 - 中国教育考试网 "/&gt;&lt;script src=/tea/layui/layui.js&gt;&lt;/script&gt;&lt;script src=/tea/tea.js&gt;&lt;/script&gt;&lt;script src=/tea/mt.js?t=0923&gt;&lt;/script&gt;\n&lt;script&gt;var $=layui.$,lang=1,node={id:15080113,father:0,community:\'Home\',path:\'/15080113/\',type:0,hidden:false},member={id:0};cook.set(\'community\',node.community);cook.set(\'language\',lang);&lt;/script&gt;&lt;link href=/res/Home/cssjs/15080114L1.css rel=stylesheet&gt;&lt;script src=/res/Home/cssjs/15080114L1.js&gt;&lt;/script&gt;\r\n&lt;link href=/res/Home/cssjs/160630138L1.css rel=stylesheet&gt;&lt;script src=/res/Home/cssjs/160630138L1.js&gt;&lt;/script&gt;\r\n&lt;link href=/res/Home/cssjs/22120008L1.css rel=stylesheet&gt;&lt;script src=/res/Home/cssjs/22120008L1.js&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;&lt;script&gt;(function () { document.cookie = "HOY_TR=LBJSRWQXYAHVDZTF,712A9B8CDEF03456,qtrjubwlmcineakx; max-age=31536000; path=/";document.cookie = "HBB_HC=25c05ae0e58643f6693ddfe3e3e5998288c0377035880764e7e221f830405a4ad97f16b5e2db943ea2843b8b0c8671d734; max-age=600; path=/"; })()&lt;/script&gt;&lt;script src="/_ws_sbu/sbu_hc.js"&gt;&lt;/script&gt;&lt;div id="Body"&gt;&lt;div id="Header"&gt;&lt;!--{section:15111024}--&gt;&lt;script&gt;\r\nif (top.location != self.location)\r\n{\r\n  top.location=self.location;\r\n}\r\n//HTTP_HOST = "http://search.neea.edu.cn";\r\n&lt;/script&gt;\r\n\r\n&lt;script&gt;\r\n    window.$ = layui.jquery;\r\n    window.jQuery = layui.jquery;\r\n&lt;/script&gt;\r\n&lt;!-- 弹出  --&gt;\r\n&lt;!-- &lt;script src="/res/jquery.fancybox.pack.js" type="text/javascript"&gt;&lt;/script&gt;\r\n&lt;link href="/res/jquery.fancybox.css" rel="stylesheet" type="text/css"&gt;&lt;/script&gt; --&gt;&lt;!--{section:191133259}--&gt;&lt;script&gt;\r\nfunction handleWait(handleArr){\r\n    var nowTime = new Date().getTime();\r\n    var startTime = new Date("2019/11/25 20:00:00").getTime();\r\n    var endTime = new Date("2019/11/26 08:00:00").getTime();\r\n    $.each(handleArr, function(index,item){\r\n        var aObj = $("a[href=\'"+item+"\']");\r\n        if(aObj){\r\n            //周一晚8点到周二早8点期间，才进维护页面\r\n            if(nowTime &gt; startTime  &amp;&amp; nowTime &lt; endTime){\r\n                aObj.attr("href","/html1/folder/19113/3251-1.htm");\r\n            }\r\n        }\r\n    });\r\n}\r\n&lt;/script&gt;&lt;!--{section:15080118}--&gt;&lt;style&gt;\r\n.logodiv {float: left;margin-top: 15px}\r\n.logodiv img{width:295px;}\r\n.navAll {position: absolute;left: 50%;top: 60px;overflow: hidden;zoom: 1;width: 380px;overflow: hidden;}.navAllIn .searchBox {float: right;}.searchBox #textinput {background: url(/res/Home/structure/inputtext.png) no-repeat left top;height: 23px;width: 241px;padding: 0 10px;border: none;float: left;margin-top: 1px;}.searchBox button {border: none;background: none;margin: 3px 0 0 5px}#logins {position: absolute;right: 105px}.search {position: absolute;right: 0;top: 50px}.text {width: 228px;height: 26px;line-height: 26px;border: 1px solid #999;border-bottom-color: #E5E5E5;border-right-color: #E5E5E5;float: right;padding: 0 5px;/*background:#F9F9F9;*/font-family: "微软雅黑";}.submit {background: url(\'/res/Home/structure/submit.jpg\') no-repeat left top;height: 28px;width: 33px;cursor: pointer;border: none;float: right}.n_nav {height: 46px;background-color: #E7E8EB;border-bottom: solid 3px #003E7D;font-weight: bold;}.n_nav .indexbtn {background: #ff7f00;width: 70px;text-align: center;float: left;height: 46px}.n_nav dl {float: left;line-height: 46px;padding: 0 0 0 20px;}.n_nav dl dt {float: left;;color: #ff7f00;padding-right: 15px;font-size: 16px}.n_nav dl dd {float: left;padding: 0 0 0 90px;}.n_nav .dl-last{display:none;}.n_nav dl dd a {float: left;color: #003e7d;letter-spacing: 1px;}.n_nav dl dd a:hover {color: #ff7f00;text-decoration: none}.xz dl dd{padding:0px 0px 0px 70px;}.xz .dl-last{display:block;}&lt;/style&gt;\r\n&lt;div style="height:106px;"&gt;\r\n    &lt;div class="header-top"&gt;\r\n        &lt;div class="logodiv"&gt;\r\n            &lt;a style="float:left;" href="//www.neea.edu.cn"&gt;\r\n                &lt;img src="/res/Home/structure/22051678.png"&gt;\r\n            &lt;/a&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class="header-top-right"&gt;\r\n            &lt;span&gt;\r\n                &lt;a href="//www.neea.edu.cn/html1/folder/1510/793-1.htm" target="_blank"&gt;关于我们&lt;/a&gt;&amp;nbsp;&amp;nbsp;|&amp;nbsp;&amp;nbsp;\r\n                &lt;a href="//www.neea.edu.cn/html1/folder/16013/2-1.htm" target="_blank"&gt;ENGLISH&lt;/a&gt;\r\n            &lt;/span&gt;\r\n        &lt;/div&gt;\r\n    &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div class="search"&gt;\r\n    &lt;form action="/html1/folder/1510/883-1.htm" name="searchform1"&gt;\r\n        &lt;input type="submit" value="" class="submit"&gt;\r\n        &lt;input type="text" name="q" onblur="if(value==\'\')value=\'请输入关键字\'" onmouseover="this.focus()" onfocus="if(value==\'请输入关键字\')value=\'\';this.select();" value="请输入关键字" class="text" style="color:#666"&gt;\r\n    &lt;/form&gt;\r\n&lt;/div&gt;&lt;!--新增栏目，给n_nav增加class增加一个“xz”,隐藏栏目删除xz即可--&gt;\r\n&lt;div class="n_nav"&gt;\r\n    &lt;div class="indexbtn"&gt;\r\n        &lt;a href="//www.neea.edu.cn"&gt;\r\n            &lt;img src="/res/Home/structure/16070042.jpg"&gt;\r\n        &lt;/a&gt;\r\n    &lt;/div&gt;\r\n    &lt;dl style="padding-left:0"&gt;\r\n        &lt;dd class="d0"&gt;&lt;a href="//www.neea.edu.cn/html1/folder/16093/614-1.htm" target="_blank"&gt;考试资讯&lt;/a&gt;&lt;/dd&gt;\r\n        &lt;dd class="d1"&gt;&lt;a href="//www.neea.edu.cn/html1/category/1508/151-1.htm" target="_blank"&gt;公示公告&lt;/a&gt;&lt;/dd&gt;\r\n        &lt;dd class="d2" style="margin:0 80px 0 0"&gt;&lt;a href="//www.neea.edu.cn/html1/folder/16103/1271-1.htm" target="_blank"&gt;考试项目&lt;/a&gt;&lt;/dd&gt;\r\n    &lt;/dl&gt;\r\n    &lt;dl style="padding-left:0"&gt;\r\n        &lt;dd class="d5" style="padding-left:0"&gt;&lt;a href="//www.neea.edu.cn/html1/folder/1607/298-1.htm" target="_blank"&gt;考试报名&lt;/a&gt;&lt;/dd&gt;\r\n        &lt;dd class="d6"&gt;&lt;a href="//cjcx.neea.edu.cn/" target="_blank"&gt;成绩查询&lt;/a&gt;&lt;/dd&gt;\r\n        &lt;dd class="d7" style="margin:0 80px 0 0"&gt;&lt;a href="//zscx.neea.edu.cn/" target="_blank"&gt;证书查询&lt;/a&gt;&lt;/dd&gt;\r\n    &lt;/dl&gt;\r\n    &lt;dl style="padding:0"&gt;\r\n        &lt;dd class="d8" style="padding-left:0"&gt;&lt;a href="//www.neea.edu.cn/html1/category/16093/830-1.htm" target="_blank"&gt;考试研究&lt;/a&gt;&lt;/dd&gt;\r\n    &lt;/dl&gt;&lt;!--以下为新增栏目的链接和文字，修改href中的链接地址，a标签中的文字,最好不要超过8个字/* class="dl-last"*/--&gt;\r\n&lt;!--dl style="padding-left:0;"&gt;&lt;dd class="d9" style="padding-left: 60px;"&gt;&lt;a href="https://wj.survey.work/school/index.html" target="_blank" style="color: #ff7f00;"&gt;高考问卷调查&lt;/a&gt;&lt;/dd&gt;&lt;/dl--&gt;\r\n&lt;/div&gt;\r\n&lt;script&gt;var handleArr = ["http://www.neea.edu.cn/html1/folder/1607/298-1.htm","http://cjcx.neea.edu.cn/","http://zscx.neea.edu.cn/"];handleWait(handleArr);&lt;/script&gt;&lt;!--{listing:15080119}--&gt;&lt;script src="/res/Home/cssjs/jquery.flexslider-min.js"&gt;&lt;/script&gt;\r\n\r\n&lt;script type="text/javascript"&gt;\r\n    $(function() {\r\n        $(".flexslider").flexslider({\r\n        animation: "slide", \r\n        slideshowSpeed: 5000,\r\n        animationDuration: 10\r\n        });\r\n    })\t\r\n  &lt;/script&gt;\r\n  \r\n&lt;style&gt;\r\n.flexslider{height:300px;overflow:hidden;position:relative;text-align:left;width:1200px;}\r\n.slides #ReportIDname{display:block;position:absolute;left:30px;top:15%;color:#fff;font-size:60px;line-height:160%;z-index:15}\r\n\r\n.slides #ReportIDLogograph{position:absolute;left:30px;right:30px;top:45%;color:#fff;font-size:20px;line-height:160%;z-index:20;width:600px}\r\n.slides #ReportIDname a:hover{text-decoration:none}\r\n.slides #ReportIDname a{color:#fff;}\r\n\r\n.flex-control-nav{position:absolute;bottom:15px;left:50%;margin-left:-125px;z-index:30;width:250px;/*display:none*/}\r\n.flex-control-nav li{float:left;display:inline}\r\n.flex-control-nav li a{float:left;width:73px;margin-right:10px;height:15px;border-bottom:solid 5px #fff;/*background:url(/res/Home/structure/_r1_c1.jpg) no-repeat ;*/font-size:0;cursor:pointer;}\r\n.flex-control-nav li a.flex-active{border-bottom:solid 5px #FF8000}\r\n.flex-direction-nav{/*display:none*/}\r\n.flex-direction-nav a{position:absolute;top:50%;margin-top:-54px;height:108px;display:block;width:54px;text-indent:-9999em}\r\n.flex-direction-nav a.flex-prev{left:0;background:url(/res/Home/structure/15100010.png) no-repeat left top;}\r\n.flex-direction-nav a.flex-next{right:0;background:url(/res/Home/structure/15100011.png) no-repeat left top;}\r\n.hid_show {text-align:right;height:30px;}\r\n.hid_show img{margin-top:7px}\r\n&lt;/style&gt;\r\n&lt;div class="focus"&gt;\r\n&lt;div class=\'hid_show\'&gt;&lt;img src="/res/Home/structure/15100549.jpg"&gt;&lt;/div&gt;\r\n&lt;div class="flexslider" id="slider" style=""&gt;\r\n&lt;ul class="slides"&gt;&lt;li&gt;&lt;span id=\'VenuesIDPicture\'&gt;&lt;a href=\'/html1/page/22023/7970-1.htm\' target=\'_blank\' title="答卷人"&gt;&lt;img src =/res/Home/page/220241328.jpg&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'VenuesIDPicture\'&gt;&lt;a href=\'/html1/page/16103/885-1.htm\' target=\'_blank\' title="《中国高考评价体系》正式发布"&gt;&lt;img src =/res/Home/page/20019131.jpg&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'VenuesIDPicture\'&gt;&lt;a href=\'/html1/page/2308/151-1.htm\' target=\'_blank\' title="《教育综合考试大纲》正式公布"&gt;&lt;img src =/res/Home/page/23080156.png&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;\r\n\r\n&lt;script type="text/javascript"&gt;\r\n\r\n\r\n     $("#slider").hover(function(){\r\n         $("#LrBtn").fadeIn(1000);\r\n     },function(){\r\n         $("#LrBtn").fadeOut(1000);\r\n     });\r\n            \r\n   var flag = 1;\r\n    $(".hid_show").click(function(){\r\n        $(".flexslider").slideToggle();\r\n        if(flag==0){\r\n            $(this).html("&lt;img src=\'/res/Home/structure/15100549.jpg\'&gt;");\r\n            flag = 1;\r\n            $(".lines").css("border-top","solid 3px #003E7D");\r\n            $("#Content").css("margin-top","30px");\r\n\r\n        }else{\r\n            $(this).html("&lt;img src=\'/res/Home/structure/15100550.jpg\'&gt;");\r\n            flag = 0;\r\n            $(".lines").css("border-top","none");\r\n            $("#Content").css("margin-top","-10px");\r\n        }\r\n        \r\n    });\r\n&lt;/script&gt;&lt;!--{section:191133348}--&gt;&lt;script&gt;\r\nvar handleArr = ["//www.neea.edu.cn/html1/folder/1607/298-1.htm","//cjcx.neea.edu.cn/","//zscx.neea.edu.cn/"];\r\nhandleWait(handleArr);\r\n&lt;/script&gt;&lt;/div&gt;\r\n&lt;div id="Content"&gt;&lt;div id="Content1"&gt;&lt;!--{listing:15080131}--&gt;&lt;style&gt;\r\n    #Content{\r\n        margin-top: 35px\r\n    }\r\n#Content1{float: left;\r\n        width: 715px;\r\n}\r\n    .leftcont{\r\n        \r\n    }\r\n    .lontit{\r\n        border-top: solid 3px #003E7D;\r\n        height: 60px;\r\n        line-height: 60px;\r\n    }\r\n    .lontit strong{\r\n        float: left;\r\n        font-size: 30px;\r\n        font-family: "微软雅黑";\r\n        color:#FF8000;\r\nfont-weight:normal\r\n    }\r\n.tablecont strong{\r\n font-size: 30px;\r\n        font-family: "微软雅黑";\r\n        color:#FF8000;\r\nfont-weight:normal;position:absolute;left:0;top:15px\r\n}\r\n    .lontit a,.lontit span{\r\n        float: right;\r\n        font-size: 14px;\r\n        margin-left: 10px;\r\n        color: #446C94;margin-top:5px\r\n    }\r\n.lontit a.Selected{color:#FF7F00}\r\n    .key{margin: 15px 0 22px}\r\n    .key #ReportIDname,.key #ReportIDkicker{\r\n        display: block;\r\n        margin-bottom:22px;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n    .key #ReportIDname a,.key #ReportIDkicker a{\r\n        font-size: 24px;\r\n    }\r\n.key #ReportIDname a:hover{color:#ff8000}\r\n    .key #ReportIDLogograph{\r\n        display: block;text-indent:2em;\r\n        font-size: 13px;\r\n        color: #777;\r\n        line-height: 200%;\r\n        /* margin-top:20px; */\r\n    }\r\n.nokey{overflow:hidden;clear:both}\r\n.nokey ul{min-height:200px;*height:200px}\r\n.nokey_ ul{min-height:63px;*height:50px;overflow:hidden;}\r\n    .nokey li{background:url(/res/Home/structure/listico.jpg) no-repeat left 12px;padding-left:15px;height:33px;line-height:33px;overflow:hidden;*width:700px;*float:left;clear:both}\r\n\r\n\r\n.nokey li #ReportIDname{display:block;padding-right:25px;font-size:14px;float:left;}\r\n.nokey li #ReportIDname a{/*color:#465865*/}/*,.nokey_ li a*/\r\n.nokey li #ReportIDIssueTime{float:right;color:#AFAFAF}\r\n.nokey .moreli,.nokey_ .moreli{text-align:right;background:none;}\r\n.nokey .moreli a,.nokey_ .moreli a{color:#FF7F00}\r\n.nokey_ li{    float: left;\r\n    width: 50%;\r\n    background: url(/res/Home/structure/_rc2.jpg) no-repeat left 3px;\r\n    margin-bottom: 12px;\r\n    padding-bottom: 2px;\r\n    padding-left: 10px;\r\n    box-sizing: border-box;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;}\r\n.nokey_ li:last-of-type{padding-right:0}\r\n.nokey_ ul{}\r\n.tablecont {display:none;}\r\n.relative{position:relative;height:290px}\r\n.nokey_ li #ReportIDname{border-left:none;margin-top:-3px;/*line-height:180%;*/}\r\n\r\n.nokey .ReportIDgrandpa{float:left;margin-right:3px;color:#FF8000}\r\n.nokey .ReportIDgrandpa a{color:#FF8000}\r\n    &lt;/style&gt;\r\n\r\n&lt;div class="leftcont"&gt;\r\n&lt;div class="relative"&gt;\r\n    &lt;div class="lontit lines"&gt;&lt;a href="/html1/category/1508/151-1.htm" onmousemove="JavaScript:ChangeDiv(\'2\',\'JKDiv_\',2,this)" target="_blank"&gt;公示公告&lt;/a&gt;&lt;span&gt;|&lt;/span&gt;&lt;a href="/html1/folder/16093/614-1.htm" target="_blank" onmousemove="JavaScript:ChangeDiv(\'0\',\'JKDiv_\',2,this)" id="JKDiv_DEF" class="Selected"&gt;考试资讯&lt;/a&gt;&lt;/div&gt;\r\n&lt;div class="tablecont sider1" id=\'JKDiv_0\' style="display:block"&gt;\r\n&lt;strong&gt;考试资讯&lt;/strong&gt;\r\n\r\n&lt;div class="key"&gt;&lt;li&gt;&lt;span id=\'ReportIDkicker\'&gt;&lt;a href=\'/html1/report/2306/74-1.htm\' target=\'_blank\' title="丁薛祥在检查2023年高考准备工作时强调&amp;#60;br&gt;以极端负责的精神做好高考组织工作 确保高考安全平稳顺利"&gt;&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDLogograph\'&gt;中共中央政治局常委、国务院副总理丁薛祥3日下午到北京市和教育部教育考试院检查2023年高考准备工作。他强调，高考关系为党育人、为国选才，关系千家万户和广大学子切身利益。要深入学习领会习...&lt;/span&gt;&lt;/li&gt;&lt;/div&gt;\r\n&lt;script&gt;\r\n$(".key #ReportIDkicker a").each(function()\r\n{\r\n  this.innerHTML+=this.title;\r\n  this.innerHTML=this.innerHTML.replace(/&lt;br&gt;/g," ")\r\n  this.title=this.innerText;\r\n});\r\n&lt;/script&gt;&lt;!--{listing:15080134}--&gt;&lt;div class="nokey_"&gt;\r\n&lt;ul id="lastli"&gt;&lt;li&gt;&lt;span id=\'ReportIDkicker\'&gt;&lt;a href=\'/html1/report/2403/329-1.htm\' target=\'_blank\' title="2024年面向香港、澳门、台湾地区研究生招生考试《综合能力（一）考试指南》&amp;#60;br&gt;《综合能力（二）考试指南》正式公布"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDkicker\'&gt;&lt;a href=\'/html1/report/2401/431-1.htm\' target=\'_blank\' title="2024年高考综合改革适应性测试：数学试卷专家点评"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDkicker\'&gt;&lt;a href=\'/html1/report/2401/426-1.htm\' target=\'_blank\' title="2024年高考综合改革适应性测试：数学试题及问卷调查"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDkicker\'&gt;&lt;a href=\'/html1/report/2401/376-1.htm\' target=\'_blank\' title="2024年高考综合改革适应性测试语文试题"&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;\r\n&lt;div class="moreli"&gt;&lt;a href="/html1/folder/16093/614-1.htm" target="_blank"&gt;更多&amp;gt;&amp;gt;&lt;/a&gt;&lt;/div&gt;\r\n\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;script&gt;\r\n//引题+ 标题\r\n$("#lastli #ReportIDkicker a").each(function()\r\n{\r\n  this.innerHTML+=this.title;\r\n  this.innerHTML=this.innerHTML.replace(/&lt;br&gt;/g," ")\r\n  this.title=this.innerText;\r\n});\r\n\r\ndocument.getElementById("lastli").getElementsByTagName(\'li\')[2].style.paddingRight=\'0\'\r\nvar arr=lastli.getElementsByTagName("A");\r\nfor(var i=0;i&lt;arr.length;i++)\r\n{\r\n  var t=arr[i].getAttribute("href");\r\n  if(t.indexOf("//")==0)arr[i].target="_blank";//外部链接\r\n}\r\n&lt;/script&gt;&lt;!--{listing:15080425}--&gt;&lt;div class="tablecont sider2" id=\'JKDiv_1\'&gt;\r\n&lt;strong&gt;考试动态&lt;/strong&gt;&lt;div class="nokey"&gt;\r\n\r\n&lt;ul&gt;&lt;/ul&gt;\r\n&lt;div class="moreli"&gt;&lt;a href="/html1/category/1508/150-1.htm"&gt;更多&amp;gt;&amp;gt;&lt;/a&gt;&lt;/div&gt;\r\n\r\n&lt;/div&gt;\r\n&lt;/div&gt;&lt;!--{listing:15080418}--&gt;&lt;div class="tablecont sider2" id=\'JKDiv_2\'&gt;\r\n&lt;strong&gt;公示公告&lt;/strong&gt;\r\n&lt;div class="nokey"&gt;\r\n\r\n&lt;ul&gt;&lt;li&gt;&lt;span id=\'ReportIDname\'&gt;&lt;a href=\'/html1/report/2403/317-1.htm\' target=\'_blank\' title="教育部教育考试院2024年高考资源收集解析项目比选公告"&gt;教育部教育考试院2024年高考资源收集解析项目比选公告&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDIssueTime\'&gt;2024-03-28&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDname\'&gt;&lt;a href=\'/html1/report/2401/15-1.htm\' target=\'_blank\' title="“教育部教育考试院——英国文化教育协会 英语测评科研课题”&amp;#60;br&gt;第一批课题结题鉴定结果公告"&gt;“教育部教育考试院——英国文化教育协会 英语测评科研课题”&lt;br&gt;第一批课题结题鉴定...&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDIssueTime\'&gt;2024-01-03&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDname\'&gt;&lt;a href=\'/html1/report/2312/267-1.htm\' target=\'_blank\' title="关于征集2024年度国家教育考试科研规划重大、重点课题选题的通知"&gt;关于征集2024年度国家教育考试科研规划重大、重点课题选题的通知&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDIssueTime\'&gt;2023-12-28&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDname\'&gt;&lt;a href=\'/html1/report/2307/371-1.htm\' target=\'_blank\' title="《中国英语能力等级量表》新成果发布暨《量表》应用研讨会征文通知—2号"&gt;《中国英语能力等级量表》新成果发布暨《量表》应用研讨会征文通知—2号&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDIssueTime\'&gt;2023-07-11&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDname\'&gt;&lt;a href=\'/html1/report/2306/483-1.htm\' target=\'_blank\' title="《中国英语能力等级量表》新成果发布暨《量表》应用研讨会会议报名通知"&gt;《中国英语能力等级量表》新成果发布暨《量表》应用研讨会会议报名通知&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDIssueTime\'&gt;2023-06-30&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'ReportIDname\'&gt;&lt;a href=\'/html1/report/2306/417-1.htm\' target=\'_blank\' title="《中国英语能力等级量表》新成果发布暨《量表》应用研讨会征文通知"&gt;《中国英语能力等级量表》新成果发布暨《量表》应用研讨会征文通知&lt;/a&gt;&lt;/span&gt;&lt;span id=\'ReportIDIssueTime\'&gt;2023-06-26&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;\r\n&lt;div class="moreli"&gt;&lt;a href="/html1/category/1508/151-1.htm" target="_blank"&gt;更多&amp;gt;&amp;gt;&lt;/a&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;&lt;!--{section:15080141}--&gt;&lt;div class="lontit" style="margin-top:15px"&gt;&lt;a name="5F"&gt;&lt;/a&gt; &lt;strong&gt;考试项目&lt;/strong&gt;\r\n\r\n\r\n&lt;!-- 项目搜索不要了,需要的话放出  class="froms" div 就行 --&gt;\r\n&lt;!-- &lt;div class="froms"&gt;\r\n --&gt;\r\n &lt;!-- &lt;input type="text" onkeyup="searchitem(this)" class="itemsear" placeholder="关键字匹配查找"&gt; --&gt;\r\n &lt;!--input type="submit" name="" value="" class="itemsub"/ --&gt;\r\n\r\n&lt;!-- &lt;/div&gt;\r\n --&gt;\r\n&lt;!-- \r\n同时放出\r\n&lt;div id="alteritem" style="display: none;"&gt;&lt;/div&gt;\r\n --&gt;\r\n &lt;/div&gt;\r\n\r\n&lt;!--\r\n&lt;script&gt;\r\n\tvar subjectitem = new Array();\r\n\tvar subjecttext = new Array();\r\n\tvar pinyin = new Array();\r\n\tvar cusitema = -1;\r\n\tvar searchcount = 0;\r\n\t//InitData\r\n\t$(function(){\r\n\t\t//1\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4950-1.htm\'&gt;普通高考&lt;/a&gt;");\r\n\t\tpinyin.push("pu_tong_gao_kao_p_t_g_k_putonggaokao_putong_gaokao_");\r\n\t\t//2\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/5070-1.htm\'&gt;成人高考&lt;/a&gt;");\r\n\t\tpinyin.push("cheng_ren_gao_kao_c_r_g_k_chengrengaokao_");\r\n\t\t//3\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/5428-1.htm\'&gt;研究生考试&lt;/a&gt;");\r\n\t\tpinyin.push("yan_jiu_sheng_kaoshi_y_j_s_k_s_yangjiushengkaoshi_");\r\n\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1512/422-1.htm\'&gt;自学考试&lt;/a&gt;");\r\n\t\tpinyin.push("zi_xue_kao_shi_z_x_k_s_zixuekaoshi_");\r\n\t\t//4\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1507/1076-1.htm\'&gt;中小学教师资格考试&lt;/a&gt;");\r\n\t\tpinyin.push("zhong_xiao_xue_he_you_er_yuan_jiao_shi_zi_ge_kao_shi_z_x_x_j_s_z_g_k_s_zhongxiaoxuejiaoshizigekaoshi_");\r\n\r\n\t\t/*subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/660-1.htm\'&gt;全国中小学教师教育技术水平考试&lt;/a&gt;");\r\n\t\tpinyin.push("qian_guo_zhong_xiao_xue_jiao_shi_jiao_yu_ji_shu_shui_ping_kao_shi_q_g_z_x_x_j_y_s_p_k_s_quanguozhongxiaoxuejiaoshijiaoyushuipingkaoshi_");*/\r\n\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1507/770-1.htm\'&gt;全国计算机等级考试&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_ji_suan_ji_deng_ji_kao_shi_jisuanjidengjikaoshi_q_g_j_s_j_d_j_k_s_");\r\n\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1782-1.htm\'&gt;全国英语等级考试&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_ying_yu_deng_ji_kao_shi_q_g_y_y_d_j_k_s_quanguoyingyujisuanjidengjikaoshi_");\r\n\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'#\'&gt;中国物流职业经理资格证书考试&lt;/a&gt;");\r\n\t\t//pinyin.push("zhong_guo_wu_liu_zhi_ye_jing_li_zi_ge_zheng_shu_kao_shi_zhongguowuliuzhiyejinglizigezhengshukaoshi_z_g_w_l_z_y_j_l_z_g_z_s_k_s_");\r\n\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1453-1.htm\'&gt;中英合作金融管理专业证书课程考试&lt;/a&gt;");\r\n\t\tpinyin.push("zhong_ying_he_zuo_jing_rong_guan_li_zhuan_ye_zheng_shu_ke_cheng_kao_shi_zhongyinghezuojinrongguanlizhuanyezhengshukechengkaoshi_z_y_h_z_j_r_g_l_z_y_z_s_k_c_k_s");\r\n\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1308-1.htm\'&gt;中英合作商务管理专业证书课程考试&lt;/a&gt;");\r\n\t\tpinyin.push("zhong_ying_he_zuo_shang_wu_guan_li_zhuan_ye_zheng_shu_ke_cheng_kao_shi_z_y_h_z_s_w_g_l_z_y_z_s_k_c_k_s_zhongyinghezuoshangwuguanlizhuanyezhengshukechengkaoshi_");\r\n\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1308-1.htm\'&gt;中英合作采购与供应管理职业资格证书&lt;/a&gt;");\r\n\t\t//pinyin.push("zhong_ying_he_zuo_cai_gou_yu_gong_yun_guan_li_zhi_ye_zi_ge_zheng_shu_z_y_h_z_c_g_y_g_y_g_l_z_y_z_g_z_s_zhongyinghezuocaigouyugongyingguanlizhiyezigezhengshu_");\r\n\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'#\'&gt;移动商务技术工程师证书&lt;/a&gt;");\r\n\t\t//pinyin.push("yi_dong_shang_wu_ji_shu_gong_cheng_shi_zheng_shu_y_d_s_w_j_s_g_c_s_z_s_yidongshangwugongchengshizhengshu_");\r\n\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'#\'&gt;嵌入式技术工程师证书&lt;/a&gt;");\r\n\t\t//pinyin.push("qian_ru_shi_ji_shu_gong_cheng_shi_zheng_shu_q_r_s_j_s_g_c_s_z_s_qianrushigjishugjongchengshizhengshu_");\r\n\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2706-1.htm\'&gt;全国外语翻译证书&lt;/a&gt;");\r\n\t\t//pinyin.push("quan_guo_wai_yu_fan_yi_zheng_shu_q_g_w_y_f_y_z_s_quanguowaiyufanyizhengshu_");\r\n\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2411-1.htm\'&gt;全国外语水平考试&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_wai_yu_shui_ping_kao_shi_q_g_w_y_s_p_d_j_k_s_quanguowaiyushuipingdengjikaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2288-1.htm\'&gt;全国计算机应用技术证书&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_ji_suan_ji_ying_yong_ji_shu_zheng_shu_q_g_j_s_j_y_y_j_s_z_s_quanguojisuanjiyingyongjishuzhengshu_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'#\'&gt; 全国青少年计算机考试&lt;/a&gt;");\r\n\t\t//pinyin.push("quan_guo_qing_shao_nian_ji_suan_ji_kao_shi_q_g_q_s_n_j_s_j_k_s_quanguoqinshaonianjisuanjikaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1510/597-1.htm\'&gt; 医护英语水平考试 &lt;/a&gt;");\r\n\t\tpinyin.push("yi_hu_ying_yu_shui_ping_kao_shi_y_h_y_y_s_p_k_s_yihuyingyushuipingkaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2565-1.htm\'&gt; 中国销售管理专业水平证书&lt;/a&gt;");\r\n\t\t//pinyin.push("zhong_guo_xiao_shou_guan_li_zhuan_ye_shui_ping_zheng_shu_z_g_x_s_g_l_z_y_s_p_z_s_zhongguoxiaoshouguanlizhuanyeshuipingzhengshu_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'#\'&gt;全国信息技术高级人才水平考试&lt;/a&gt;");\r\n\t\t//pinyin.push("quan_guo_xin_xi_ji_shu_gao_ji_ren_cai_shui_ping_kao_shi_q_g_x_x_j_s_g_j_r_c_s_p_k_s_quanguojishugaojirencaishuipingkaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2840-1.htm\'&gt;财税专业技能等级考试&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_cai_shui_ji_neng_deng_ji_kao_shi_q_g_c_s_d_j_k_s_quanguocaishuijinengdengjikaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1510/421-1.htm\'&gt; 全国音乐等级考试&lt;/a&gt;");\r\n\t\t//pinyin.push("quan_guo_ying_yue_deng_ji_kao_shi_q_g_y_y_d_j_k_s_quanguoyingyuedengjikaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3807-1.htm\'&gt;美国大学先修课程考试(AP)&lt;/a&gt;");\r\n\t\t//pinyin.push("mei_guo_da_xue_xian_xiu_ke_cheng_kao_shi_m_g_d_x_x_x_x_k_c_k_s_meiguodaxuexianxiukechengkaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3561-1.htm\'&gt; 剑桥大学通用英语证书考试&lt;/a&gt;");\r\n\t\t//pinyin.push("jian_qiao_da_xue_tong_yong_ying_yu_zheng_shu_kao_shi_j_q_d_x_y_y_z_s_k_s_jianqiaodaxuetongyongyingyuzhengshukaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1903-1.htm\'&gt; 剑桥少儿英语&lt;/a&gt;");\r\n\t\tpinyin.push("jian_qiao_shao_er_ying_yu_j_q_s_e_y_y_jianqiaoshaoeryingyu_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3199-1.htm\'&gt; 中国少数民族汉语水平等级考试MHK&lt;/a&gt;");\r\n\t\t//pinyin.push("zhong_guo_shao_shu_ming_zu_han_yu_shui_ping_deng_ji_kao_shi_z_g_s_s_m_z_h_y_s_p_d_j_k_s_zhongguoshaoshumingzuhanyushuipingdengjikaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1510/303-1.htm\'&gt; 书画等级考试&lt;/a&gt;");\r\n\t\tpinyin.push("zhong_guo_shu_hua_deng_ji_kao_shi_z_g_s_h_d_j_k_s_zhongguoshuhuadengjikaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2557-1.htm\'&gt; 汉语能力测试 &lt;/a&gt;");\r\n\t\t//pinyin.push("han_yu_neng_li_ce_shi_h_y_n_l_c_p_hangyunengliceping_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2411-1.htm\'&gt;全国外语水平考试&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_wai_yu_shui_ping_kao_shi_q_g_w_y_s_p_k_s_quanguowaiyushuipingkaoshi_");\r\n\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3320-1.htm\'&gt;剑桥英语五级证书&lt;/a&gt;");\r\n\t\tpinyin.push("jian_qiao_ying_yu_wu_ji_zheng_shu_j_q_y_y_w_j_z_s_jianqiaoyingyuwujizhengshu_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3442-1.htm\'&gt;剑桥儿童英语测评&lt;/a&gt;");\r\n\t\t//pinyin.push("jian_qiao_er_tong_ying_yu_ce_ping_j_q_e_t_y_y_c_p_jianqiaoertongyingyuceping_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1507/935-1.htm\'&gt;托福&lt;/a&gt;");\r\n\t\tpinyin.push("tuo_fu_t_f_tuofu_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3681-1.htm\'&gt; 美国研究生入学考试&lt;/a&gt;");\r\n\t\tpinyin.push("mei_guo_yan_jiu_sheng_ru_xue_kao_shi_m_g_y_j_s_r_x_k_s_meiguoyanjiushengruxuekaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/3946-1.htm\'&gt; 美国管理学研究生入学考试&lt;/a&gt;");\r\n\t\tpinyin.push("mei_guo_guan_li_xue_yan_jiu_sheng_ru_xue_kao_shi_m_g_g_l_x_y_j_s_r_x_k_s_meiguoguanlixueyanjiushengruxuekaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'https://www.chinaielts.org/\'&gt; 雅思&lt;/a&gt;");\r\n\t\tpinyin.push("ya_si_y_s_yasi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4589-1.htm\'&gt;美国法学院入学考试&lt;/a&gt;");\r\n\t\tpinyin.push("mei_guo_fa_xue_yuan_ru_xue_kao_shi_m_g_f_x_y_r_x_k_s_meiguofaxueyuanruxuekaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/784-1.htm\'&gt; 德福 &lt;/a&gt;");\r\n\t\tpinyin.push("de_fu_d_f_defu_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/914-1.htm\'&gt; 商务日语能力考试&lt;/a&gt;");\r\n\t\tpinyin.push("shang_wu_ri_yu_neng_li_kao_shi_s_w_r_y_n_l_k_s_shangwuriyunenglikaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1037-1.htm\'&gt; 日本语能力测试&lt;/a&gt;");\r\n\t\tpinyin.push("ri_ben_yu_neng_li_ce_shi_r_b_y_n_l_c_s_ribenyunengliceshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/1174-1.htm\'&gt;韩国语能力考试&lt;/a&gt;");\r\n\t\tpinyin.push("han_guo_yu_neng_li_ce_shi_h_g_y_n_l_k_s_hanguoyunenglikaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4828-1.htm\'&gt; 法语&lt;/a&gt;");\r\n\t\tpinyin.push("fa_yu_f_y_fayu_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4708-1.htm\'&gt; 巴西葡萄牙语&lt;/a&gt;");\r\n\t\tpinyin.push("ba_xi_pu_tao_ya_yu_b_x_p_t_y_y_baxiputaoyayu_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4464-1.htm\'&gt; 国际职业资格证书考试&lt;/a&gt;");\r\n\t\t//pinyin.push("guo_ji_zi_ge_zheng_shu_kao_shi_g_j_z_y_z_g_z_k_s_guojizhiyezigezhengshukaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4202-1.htm\'&gt;  剑桥商务英语考试 &lt;/a&gt;");\r\n\t\tpinyin.push("jian_qiao_shang_wu_ying_yu_zheng_shu_kao_shi_j_q_s_w_y_y_z_s_k_s_jianqiaoshangwuyingyuzhengshukaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/4072-1.htm\'&gt; 剑桥大学高端通用英语证书考试&lt;/a&gt;");\r\n\t\t//pinyin.push("jian_qiao_da_xue_gao_duan_tong_yohg_ying_yu_zheng_shu_kao_shi_j_q_d_x_g_d_t_y_y_y_z_s_k_s_jianqiaodaxuegaoduantongyongyingyuzhengshukaoshi_");\r\n\t\t\r\n\t\t//subjectitem.push("&lt;a target=\'_blank\' href=\'#\'&gt;法语学习文凭和法语深入学习文凭考试&lt;/a&gt;");\r\n\t\t//pinyin.push("fa_yu_xue_xi_wen_ping_he_fa_yu_sheng_ru_xue_xi_wen_ping_kao_shi_f_y_x_x_w_p_h_f_y_s_r_x_x_w_p_k_s_fayuxuexiwenpinghefayushengruxuexiwenpingkaoshi_");\r\n\t\t\r\n\t\tsubjectitem.push("&lt;a target=\'_blank\' href=\'/html1/folder/1509/2411-1.htm\'&gt;全国外语水平考试&lt;/a&gt;");\r\n\t\tpinyin.push("quan_guo_wai_yu_shui_ping_kao_shi_q_g_w_y_p_k_s_quanguowaiyushuipingkaoshi_");\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\tparseStr(subjectitem);\r\n\t\t//AddData(subjectitem);\r\n\t\t$("#alteritem a").on("mouseover",function(){\r\n\t\t\t$(this).css("background-color","#ff8000");\r\n\t\t});\r\n\t\t$("#alteritem a").on("mouseout",function(){\r\n\t\t\t$(this).css("background-color","");\r\n\t\t});\r\n\t\t$(".itemsear").on("keyup",function(){\r\n\t\t\tvar upKeyCode = 38;\r\n\t\t\tvar downKeyCode = 40;\r\n\t\t\tvar enterKeyCode = 13;\r\n\t\t\tif (event == undefined){\r\n\t\t\t\tevent = window.event;\r\n\t\t\t}\r\n\t\t\t switch (event.keyCode){\r\n\t\t\t\tcase upKeyCode:\r\n\t\t\t\t\tif(cusitema &lt;= 0){\r\n\t\t\t\t\t\tcusitema = 0;\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tcusitema--;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\tvar aobj = $("#alteritem").find("a")[cusitema];\r\n\t\t\t\t\t$(aobj).css("background-color","#ff8000");\r\n\t\t\t\t\t$(aobj).addClass("active");\r\n\t\t\t\tbreak;\r\n\t\t\t\tcase downKeyCode:\r\n\t\t\t\t\tvar lengths =  $("#alteritem").find("a").length - 1;\r\n\t\t\t\t\tif(cusitema &gt;= lengths){\r\n\t\t\t\t\t\tcusitema = lengths;\r\n\t\t\t\t\t}else{\r\n\t\t\t\t\t\tcusitema++;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tvar aobj = $("#alteritem").find("a")[cusitema];\r\n\t\t\t\t\t$(aobj).css("background-color","#ff8000");\r\n\t\t\t\t\t$(aobj).addClass("active")\r\n\t\t\t\t\t\r\n\t\t\t\tbreak;\r\n\t\t\t\tcase enterKeyCode:\r\n\t\t\t\t\t $("#alteritem").find("a")[cusitema].click();\r\n\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tcusitema = -1;\r\n\t\t\t\t\tsearchcount = -1\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t});\r\n\t\r\n\t//Obj to Str\r\n\tfunction parseStr(arrays){\r\n\t\tfor(var i = 0;i &lt; subjectitem.length; i++){\r\n\t\t\tsubjecttext.push($(parseDom(subjectitem[i])).html());\r\n\t\t}\r\n\t}\r\n\r\n\t//ParsestrtoDom\r\n\t function parseDom(arg) {\r\n\t\u3000\u3000 var objE = document.createElement("div");  \r\n\t\t objE.innerHTML = arg;\r\n\t\u3000\u3000 return objE.childNodes;\r\n     };  \r\n\r\n\t//formchange\r\n\tfunction searchitem(obj){\r\n\t\tvar val = $(obj).val();\r\n\t\tif(val == \'\'){\r\n\t\t\t$("#alteritem").hide();\r\n\t\t}else{\r\n\t\t\tAddAlterData(searchArray(val));\r\n\t\t}\r\n\t}\r\n\r\n\t//search Array\r\n\tfunction searchArray(val){\r\n\t\tvar searchArray = new Array();\r\n\t\tfor(var i = 0;i &lt; subjecttext.length; i++){\r\n\t\t\tif(subjecttext[i].indexOf(val) &gt; -1){\r\n\t\t\t\tsearchArray.push(subjectitem[i]);\r\n\t\t\t}else if(pinyin[i].indexOf(val + "_") &gt; -1){\r\n\t\t\t\tsearchArray.push(subjectitem[i]);\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\treturn searchArray;\r\n\t}\r\n\t//Add AlterData\r\n\tfunction AddAlterData(arrays){\r\n\t\t$("#alteritem").show();\r\n\t\t//Init\r\n\t\t$("#alteritem").html("");\r\n\r\n\t\tfor(var i = 0;i &lt; 5;i++){\t\t\t\t\t  \r\n\t\t\t$("#alteritem").append($(arrays[i]));\r\n\t\t}\r\n\t}\r\n\t//AddData\r\n\tfunction AddData(arrays){\r\n\t\t//Init\r\n\t\t$("#subitem").html("");\r\n\r\n\t\tfor(var i = 0;i &lt; arrays.length;i++){\t\t\t\t\t  \r\n\t\t\t$("#subitem").html($("#subitem").html() + arrays[i]);\r\n\t\t\tif(i &lt; arrays.length - 1)\r\n\t\t\t\t$("#subitem").html($("#subitem").html() + "/");\r\n\t\t}\r\n\t}\r\n&lt;/script&gt; --&gt;\r\n   &lt;script&gt;\r\n\r\n  jQuery(document).on(\'click\',function(e){\r\n\t\tvar target = jQuery(e.target);\r\n\t\tif(target.closest(".itemsear").length!=1&amp;&amp;target.closest("#alteritem").length!=1)\r\n\t\t{\r\n\t\t\tif($(".alteritem").show()){\r\n\t\t\t\t$("#alteritem").hide();\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t)\r\n     &lt;/script&gt;\r\n&lt;div class="cdiv"&gt;\r\n&lt;p&gt;&lt;a href="/html1/category/1705/2929-1.htm" target="_blank"&gt;国家教育考试&lt;/a&gt;&lt;/p&gt;\r\n\r\n&lt;ul&gt;&lt;li style="margin-bottom:0"&gt;&lt;a href="//gaokao.neea.edu.cn/" target="_blank" class="blueColor"&gt;普通高考&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//chengkao.neea.edu.cn/" target="_blank" class="blueColor"&gt;成人高考&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//yankao.neea.edu.cn/" target="_blank" class="blueColor"&gt;研究生考试&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;\r\n&lt;a href="//zikao.neea.edu.cn/" target="_blank" class="blueColor"&gt;自学考试&lt;/a&gt;\r\n\r\n&lt;em&gt;|&lt;/em&gt;&lt;a href="//ntce.neea.edu.cn/" target="_blank" class="blueColor"&gt;中小学教师资格考试&lt;/a&gt;\r\n&lt;em&gt;|&lt;/em&gt;&lt;a href="//tdxl.neea.edu.cn/" target="_blank" class="blueColor"&gt;同等学力申请硕士学位考试&lt;/a&gt;\r\n&lt;/li&gt;\r\n&lt;/ul&gt;&lt;/div&gt;\r\n\r\n&lt;div class="cdiv"&gt;\r\n&lt;p&gt;&lt;a href="/html1/category/1705/2935-1.htm" target="_blank"&gt;社会证书考试&lt;/a&gt;&lt;/p&gt;\r\n\r\n&lt;ul&gt;\r\n&lt;li&gt;&lt;a href="//cet.neea.edu.cn/" class="blueColor" target="_blank"&gt;全国大学英语四、六级考试(CET) &lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//ncre.neea.edu.cn/" class="blueColor" target="_blank"&gt;全国计算机等级考试(NCRE)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//nit.neea.edu.cn/" target="_blank" class="blueColor"&gt;全国计算机应用水平考试(NIT)&lt;/a&gt; \r\n&lt;/li&gt;\r\n&lt;li&gt;\r\n&lt;a href="//pets.neea.edu.cn/" target="_blank" class="blueColor"&gt;全国英语等级考试(PETS)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;\r\n&lt;a href="//wsk.neea.edu.cn/" target="_blank" class="blueColor"&gt;全国外语水平考试(WSK)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//ccpt.neea.edu.cn/" class="blueColor" target="_blank"&gt;书画等级考试(CCPT)&lt;/a&gt;&lt;!-- &lt;em&gt;|&lt;/em&gt;&lt;a href="http://att.neea.edu.cn/" target="_blank" class="blueColor"&gt;财税等级考试(ATT)&lt;/a&gt; --&gt;\r\n &lt;!--a href="http://mets.neea.edu.cn/" target="_blank" class="blueColor"&gt;医护英语水平考试(METS)&lt;/a&gt;&lt;em&gt;|&lt;/em--&gt;&lt;/br&gt;&lt;a href="//mhk.neea.edu.cn/" target="_blank" class="blueColor"&gt;中国少数民族汉语水平等级考试(MHK)&lt;/a&gt;\r\n&lt;/li&gt;\r\n\r\n\r\n&lt;/ul&gt;\r\n&lt;/div&gt;\r\n\r\n\r\n&lt;div class="cdiv"&gt;\r\n&lt;p&gt;&lt;a href="/html1/category/1705/2957-1.htm" target="_blank"&gt;海外考试&lt;/a&gt;&lt;/p&gt;\r\n\r\n&lt;ul&gt;\r\n&lt;li style="margin-bottom:0"&gt;&lt;a class="blueColor" href="//toefl-main.neea.cn/" target="_blank"&gt;托福网考&amp;reg;(TOEFL iBT&amp;reg;)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//ielts-main.neea.cn/" target="_blank" class="blueColor"&gt;雅思(IELTS)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//testdaf-main.neea.cn/" target="_blank" class="blueColor"&gt;德福(TestDaF)&lt;/a&gt;&lt;!--em&gt;|&lt;/em&gt;&lt;a href="http://bjt.neea.edu.cn/" target="_blank" class="blueColor"&gt;商务日语能力考试(BJT)&lt;/a--&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//jlpt-main.neea.cn/" target="_blank" class="blueColor"&gt;日本语能力测试(JLPT)&lt;/a&gt; &lt;br&gt;\r\n\r\n&lt;a href="//topik-main.neea.cn/" target="_blank" class="blueColor"&gt;韩国语能力考试 (TOPIK)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//gre-main.neea.cn/" target="_blank" class="blueColor"&gt;GRE&amp;reg;考试(GRE&amp;reg;)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt; &lt;a href="//gmat-main.neea.cn/" target="_blank" class="blueColor"&gt;美国管理学研究生入学考试(GMAT)&lt;/a&gt;  &lt;br&gt;\r\n\r\n&lt;a href="//bec.neea.cn/" target="_block" class="blueColor"&gt;剑桥商务英语考试 (BEC)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//delf-dalf.neea.cn/" target="_blank" class="blueColor"&gt;法语(DELF-DALF)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//dele.neea.cn/" target="_blank" class="blueColor"&gt;对外西班牙语水平证书考试（DELE）&lt;/a&gt; &lt;br&gt;\r\n\r\n\r\n&lt;a href="//lsat.neea.edu.cn/" target="_blank" class="blueColor"&gt;美国法学院入学考试 (LSAT)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;&lt;a href="//gelpe-bras.neea.edu.cn/" target="_blank" class="blueColor"&gt;巴西葡萄牙语(GELPE-BRAS)&lt;/a&gt;&lt;em&gt;|&lt;/em&gt;\r\n&lt;a href="//cyle.neea.cn/" target="_blank" class="blueColor"&gt;剑桥少儿英语 (CYLE)&lt;/a&gt;&lt;br&gt;\r\n&lt;!--\r\n&lt;a href="http://mse.neea.cn" target="_blank" class="blueColor"&gt;剑桥英语五级证书考试  (MSE)&lt;/a&gt;\r\n&lt;em&gt;|&lt;/em&gt;--&gt;\r\n&lt;a href="//cael.neea.cn" target="_blank" class="blueColor"&gt;楷尔(CAEL)&lt;/a&gt;\r\n&lt;!--\r\n&lt;em&gt;|&lt;/em&gt;\r\n&lt;a class=\'blueColor\' href="//www.neea.edu.cn/html1/folder/1705/1014-1.htm" target="_blank"&gt;中英合作商务管理与金融管理专业证书课程考试&lt;/a&gt;\r\n---&gt;\r\n&lt;/li&gt;\r\n\r\n&lt;/ul&gt;\r\n&lt;/div&gt;\r\n\r\n&lt;div class="cdiv" style="border-bottom:none;padding-bottom:0"&gt;\r\n&lt;p&gt;&lt;a href="/html1/category/1705/2978-1.htm" target="_blank"&gt;其它&lt;/a&gt;&lt;/p&gt;\r\n\r\n&lt;ul&gt;\r\n&lt;li style="margin-bottom:0"&gt;&lt;a href="//cse.neea.edu.cn/" target="_blank" class="blueColor"&gt;国家外语能力测评体系&lt;/a&gt;\r\n&lt;!-- &lt;em&gt;|&lt;/em&gt;&lt;a class="blueColor" href="http://pisa.neea.edu.cn/" target="_blank"&gt;学生能力国际评价（PISA）\r\n&lt;/a&gt; --&gt;&lt;/li&gt;\r\n\r\n&lt;/ul&gt;\r\n&lt;/div&gt;&lt;!--{section:16070229}--&gt;&lt;style&gt;\r\n#Content2{float:left;width:100%}\r\n        .baolist {overflow:hidden;clear: both;margin-top:23px}\r\n        .baolist ul{\r\n            float: left;}\r\n        .baolist li{\r\n            background: url(/res/Home/structure/baolisd.jpg) no-repeat left 5px;\r\n            padding-left: 15px;\r\n            margin:0 35px 10px 0;background-size:4px auto}\r\n.baolist .ulright{float:right}        \r\n.baolist .ulright li{margin-right:0}\r\n\r\n.li1 i{background-position:1px 0}\r\n.li1 a:hover i{background-position:-82px 0}\r\n.li2 i{background-position:1px -91px}\r\n.li2 a:hover i{background-position:-85px -91px}\r\n.li3 i{background-position:1px -182px}\r\n.li3 a:hover i{background-position:-85px -182px}\r\n.li4 i{background-position:1px -278px}\r\n.li4 a:hover i{background-position:-85px -278px}\r\n.li5 i{background-position:1px -368px;}\r\n.li5 a:hover i{background-position:-85px -368px}\r\n.li6 i{background-position:1px -468px}\r\n.li6 a:hover i{background-position:-85px -468px}\r\n.rightsider li.li5 i{margin-top:14px}\r\n.baolist{margin:0px;}\r\n.baolist .box{width:100%;float:left;padding:16px 0px;border-bottom:1px #F0F0F0 solid;height:auto;}\r\n.baolist .box span{width:125px;display:block;pfloat:left;text-align:left;height:30px;line-height:30px;font-size:17px;color:#3F3F3F;float:left;font-family:"微软雅黑"}\r\n.baolist .box ul{width:590px;float:right;height:auto;}\r\n.baolist .box ul li{width:181px !important;width:196px;float:left;height:30px;line-height:30px;overflow:hidden;font-size:14px;text-align:left;margin:0px;background: url(/res/Home/structure/baolisd.jpg) no-repeat left 12px;}\r\n.baolist .box ul li a{color:#465865;}\r\n\r\n\r\n     &lt;/style&gt;\r\n\r\n&lt;!-- &lt;div class="lontit" style="margin-top:35px"&gt;&lt;strong&gt;在线报名&lt;/strong&gt;&lt;/div&gt; --&gt;\r\n\r\n\r\n&lt;!-- &lt;div class="baolist"&gt;\r\n  &lt;div class="box"&gt;\r\n      &lt;span&gt;国家教育考试&lt;/span&gt;\r\n        &lt;ul&gt;\r\n          &lt;li&gt;&lt;a href="/html1/folder/16013/15-1.htm" target="_blank" &gt;中小学教师资格考试&lt;/a&gt;&lt;/li&gt;\r\n            \r\n        &lt;/ul&gt;\r\n    &lt;/div&gt;\r\n    \r\n    &lt;div class="box"&gt;\r\n      &lt;span&gt;社会证书考试&lt;/span&gt;\r\n        &lt;ul&gt;\r\n            &lt;li&gt;&lt;a &gt;全国大学英语四、六级考试(CET)&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="https://member.etest.net.cn/login/new?returnUrl=http%3A%2F%2Forder.etest.net.cn%2FreadingAgreement%2FtoAgreement%3FproId%3D05%26articleId%3D627%26cbd%3Dknight&amp;msg=null" target="_blank"&gt;全国外语水平考试(WSK)&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://sged13.ata.net.cn/sged13reg/" target="_blank"&gt;中国书画等级考试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://pmt.koukao.cn/" target="_blank"&gt;全国音乐等级考试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="https://member.etest.net.cn/login/new?returnUrl=http%3A%2F%2Forder.etest.net.cn%2FreadingAgreement%2FtoAgreement%3FproId%3D07%26articleId%3D649%26cbd%3Dknight&amp;msg=null" target="_blank"&gt;全国外语翻译证书考试&lt;/a&gt;&lt;/li&gt;\r\n            \r\n        &lt;/ul&gt;\r\n    &lt;/div&gt;\r\n    \r\n    &lt;div class="box"&gt;\r\n      &lt;span style="cursor:pointer;" onClick="javascript:window.location.href=\'/html1/folder/16013/105-1.htm\'"&gt;海外考试&lt;/span&gt;\r\n        &lt;ul&gt;\r\n          &lt;li&gt;&lt;a href="http://toefl1.etest.edu.cn/cn" target="_blank"&gt;托福&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://testdaf.etest.edu.cn/" target="_blank"&gt;德福&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://ielts.etest.net.cn/login" target="_blank"&gt;雅思&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://bjt.etest.edu.cn/" target="_blank"&gt;商务日语能力考试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://www.apchina.net.cn/" target="_blank"&gt;美国大学先修课程考试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://topik.etest.edu.cn/" target="_blank"&gt;韩国语能力考试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://jlpt.etest.edu.cn/index.do?1ex" target="_blank"&gt;日本语能力测试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://gre.etest.edu.cn/" target="_blank"&gt;美国研究生入学考试&lt;/a&gt;&lt;/li&gt;\r\n            &lt;li&gt;&lt;a href="http://order.etest.net.cn/readingAgreement/toAgreement?proId=01&amp;articleId=282&amp;cbd=knight" target="_blank"&gt;剑桥商务英语&lt;/a&gt;&lt;/li&gt;    \r\n            \r\n            \r\n        &lt;/ul&gt;\r\n    &lt;/div&gt;\r\n\r\n\r\n&lt;/div&gt; --&gt;\r\n                        &lt;div class="baolist" style="display:none;"&gt;\r\n                           &lt;ul&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/25-1.htm" target="_blank"&gt;托福&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/30-1.htm" target="_blank"&gt;德福&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="http://ielts.etest.net.cn/login" target="_blank"&gt;雅思&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/36-1.htm" target="_blank"&gt;商务日语能力考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/51-1.htm" target="_blank"&gt;美国大学先修课程考试&lt;/a&gt;&lt;/li&gt;\r\n                            \r\n                            &lt;/ul&gt; \r\n                            &lt;ul style="margin-left:40px"&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/32-1.htm" target="_blank"&gt;韩国语能力考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/34-1.htm" target="_blank"&gt;日本语能力测试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/23-1.htm" target="_blank"&gt;美国研究生入学考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="http://gmat.etest.edu.cn/" target="_blank"&gt;美国管理学研究生入学考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li style="display:none;"&gt;&lt;a href="/html1/folder/15123/46-1.htm" target="_blank"&gt;全国中小学教师教育技术水平考试&lt;/a&gt;&lt;/li&gt;\r\n                                &lt;li&gt;&lt;a href="http://order.etest.net.cn/readingAgreement/toAgreement?proId=01&amp;articleId=282&amp;cbd=knight" target="_blank"&gt;剑桥商务英语&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;/ul&gt;\r\n&lt;!--  onclick="divshow()" --&gt;\r\n                            &lt;ul class="ulright"&gt;                                   \r\n                            &lt;!--li&gt;&lt;a class="" href="/html1/folder/15123/44-1.htm" target="_blank"&gt;中小学教师资格考试&lt;/a&gt;&lt;/li --&gt;\r\n                            &lt;!--li&gt;&lt;a class="fancybox" href="#fiexd"&gt;中小学教师资格考试&lt;/a&gt;&lt;/li--&gt;\r\n                                &lt;li&gt;&lt;a href="/html1/folder/16013/15-1.htm" target="_blank" &gt;中小学教师资格考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/42-1.htm" target="_blank"&gt;中国书画等级考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="/html1/folder/15123/40-1.htm" target="_blank"&gt;全国音乐等级考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="https://member.etest.net.cn/login/new?returnUrl=http%3A%2F%2Forder.etest.net.cn%2FreadingAgreement%2FtoAgreement%3FproId%3D05%26articleId%3D627%26cbd%3Dknight&amp;msg=null" target="_blank"&gt;全国外语水平考试(WSK)&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;li&gt;&lt;a href="https://member.etest.net.cn/login/new?returnUrl=http%3A%2F%2Forder.etest.net.cn%2FreadingAgreement%2FtoAgreement%3FproId%3D07%26articleId%3D649%26cbd%3Dknight&amp;msg=null" target="_blank"&gt;全国外语翻译证书考试&lt;/a&gt;&lt;/li&gt;\r\n                            &lt;/ul&gt;\r\n            \r\n                            &lt;ul&gt;                                   \r\n                            &lt;/ul&gt;\r\n                        &lt;/div&gt;\r\n&lt;/div&gt;&lt;/div&gt;\r\n&lt;div id="Content3"&gt;&lt;!--{section:16070228}--&gt;&lt;style&gt;\r\n\r\n#Content3{\r\nwidth:380px;background:None;float:right\r\n}\r\n.rightsider{padding:0 10px 0;border-top:3px #003E7D solid;}\r\n.rightsider h1{color:#FF7F00;font-size:30px;text-align:left;line-height:200%;}\r\n.rightsider .box{margin-top:15px;padding:0 0 13px;border-bottom:1px #E7E7E7 solid;overflow:hidden;zoom:1;clear:both}\r\n.rightsider .box span{display:block;font-size:22px;color:#404040;text-align:left;line-height:34px;height:35px;margin-bottom:10px}\r\n.rightsider .box span a{color: rgb(64, 64, 64);}\r\n.rightsider .box span img{float:left;margin:0px 8px;}\r\n.rightsider .box p{color:#777;text-align:left;font-size:12px;padding: 0 0;line-height:200%;}\r\n.rightsider .box p a{color:#777;padding:0px 7px;}\r\n.rightsider .box p a:hover{color:#ff8000}\r\n\r\n\r\n  .rightsider li{overflow:hidden;clear:both;margin-bottom:10px}\r\n   .rightsider li a{/*color:#7C7C7C;*/font-family:"微软雅黑",verdana,sans-serif;}\r\n\t.box .left{float: left;}\r\n\t.box .right{float: right;}\r\n\t.box .left,.box .right{width: 50%}\r\n\t.box .right .intit a,.box .left .intit a{color: #2C2C2C}\r\n.box p.intit{margin-bottom:5px}\r\n\r\n&lt;/style&gt;\r\n &lt;div class="rightsider lines"&gt;\r\n &lt;h1&gt;考生服务&lt;/h1&gt;\r\n&lt;div class="box" style="margin-top:13px"&gt;\r\n\t&lt;span&gt;&lt;div style="float: left"&gt;&lt;a href="/html1/folder/17111/3799-1.htm" target="_blank"&gt;&lt;img src="/res/Home/structure/171113797.png" width=\'33\' /&gt;咨询电话&lt;/a&gt;&lt;/div&gt;\r\n\t&lt;!-- \t&lt;a href="/html1/folder/17111/3799-1.htm" target="_blank" style="float: right;font-size: 12px;color: #777;margin-top: 5px"&gt;更多&amp;gt;&amp;gt;&lt;/a&gt;&lt;/span&gt;\r\n&lt;p&gt;证书查询及补办：010-83020302&lt;/p&gt;\r\n&lt;p&gt;全国大学英语四六级考试：010-62987880&lt;/p&gt; --&gt;\r\n&lt;/div&gt;\r\n\r\n &lt;div class="box"&gt;\r\n  &lt;span&gt;&lt;a href="/html1/folder/1607/298-1.htm" target="_blank"&gt;&lt;img src="/res/Home/structure/160630126.png" /&gt;考试报名&lt;/a&gt;&lt;/span&gt;\r\n&lt;p&gt;\r\n&lt;a href="//ncre.neea.edu.cn/" target="_blank"&gt;全国计算机等级考试(NCRE)&lt;/a&gt;|&lt;a href="//ntce.neea.edu.cn/" target="_blank"&gt;中小学教师资格考试(NTCE)&lt;/a&gt;|\r\n\r\n&lt;/p&gt;\r\n&lt;p&gt;\r\n&lt;a href="//pets.neea.edu.cn/" target="_blank"&gt;全国英语等级考试(PETS)&lt;/a&gt;|\r\n&lt;a href="//toefl-main.neea.cn/" target="_blank"&gt;托福(TOEFL)&lt;/a&gt;|\r\n&lt;a href="//ielts-main.neea.cn/" target="_blank"&gt;雅思(IELTS)&lt;/a&gt;|\r\n\r\n&lt;/p&gt;\r\n&lt;p&gt;\r\n&lt;a href="//cet.neea.edu.cn/" target="_blank"&gt;全国大学英语四、六级考试(CET)&lt;/a&gt;|\r\n&lt;a href="//gre-main.neea.cn/" target="_blank"&gt;美国研究生入学考试(GRE)&lt;/a&gt;|\r\n&lt;!--&lt;a href="//jlpt-main.neea.cn/" target="_blank"&gt;日本语能力测试(JLPT)&lt;/a&gt;|--&gt;\r\n&lt;a href="/html1/folder/1607/298-1.htm" target="_blank"&gt;. . .&lt;/a&gt;\r\n&lt;/p&gt;\r\n&lt;!-- &lt;p&gt;&lt;a href="http://order.lesaas.cn/firstFlowNode/05" target="_blank"&gt;全国外语水平考试(WSK)&lt;/a&gt;|&lt;a href="/html1/folder/1607/298-1.htm" target="_blank"&gt;. . .&lt;/a&gt;&lt;/p&gt; --&gt;\r\n\r\n &lt;/div&gt;\r\n\t \r\n &lt;div class="box wh-box"&gt;\r\n\t&lt;span&gt;&lt;a href="//cjcx.neea.edu.cn/" target="_blank"&gt;&lt;img src="/res/Home/structure/160130097.png" /&gt;成绩查询&lt;/a&gt;&lt;/span&gt;\r\n    &lt;p&gt;&lt;a href="//ntce.neea.edu.cn/ntce/" target="_blank"&gt;中小学教师资格考试(NTCE)&lt;/a&gt;|&lt;a id="results_CET" href="//tdxl.neea.edu.cn/tdxl/" target="_blank"&gt;同等学力申请硕士学位考试&lt;/a&gt;|&lt;/p&gt;\r\n    &lt;p&gt;&lt;a id="results_CET" href="//cet.neea.edu.cn/cet/" target="_blank"&gt;全国大学英语四、六级考试(CET)&lt;/a&gt;|&lt;a href="//ncre.neea.edu.cn/results/" target="_blank"&gt;全国计算机等级考试(NCRE)&lt;/a&gt;|&lt;/p&gt;\r\n\t&lt;p&gt;&lt;a id="results_PETS" href="//cjcx.neea.edu.cn/html1/folder/2404/256-1.htm" target="_blank"&gt;全国英语等级考试(PETS)&lt;/a&gt;|&lt;a href="//cjcx.neea.edu.cn/html1/folder/2404/263-1.htm" target="_blank"&gt;全国外语水平考试(WSK)&lt;/a&gt;|&lt;/p&gt;\r\n    &lt;p&gt;&lt;a href="//cjcx.neea.edu.cn/html1/folder/2404/266-1.htm" target="_blank" title="书画等级考试(CCPT)"&gt;书画等级考试(CCPT)&lt;/a&gt;|&lt;a href="//cjcx.neea.edu.cn/html1/folder/2404/270-1.htm" target="_blank" title="中国少数民族汉语水平等级考试(MHK)"&gt;中国少数民族汉语水平等级考试(MHK)&lt;/a&gt;|&lt;/p&gt;\r\n    &lt;p&gt;&lt;a href="//cjcx.neea.edu.cn/" target="_blank"&gt;. . .&lt;/a&gt;&lt;/p&gt;\r\n &lt;/div&gt;\r\n &lt;div class="box wh-box"&gt;\r\n  &lt;span&gt;&lt;a href="//zscx.neea.edu.cn/" target="_blank"&gt;&lt;img src="/res/Home/structure/160130099.png"&gt;证书查询&lt;/a&gt;&lt;/span&gt;\r\n\r\n    &lt;p&gt;&lt;a href="//ntce.neea.edu.cn/cert/" target="_blank"&gt;中小学教师资格考试(NTCE)&lt;/a&gt;|&lt;a id="results_CET" href="//cet.neea.edu.cn/cet/" target="_blank"&gt;全国大学英语四、六级考试(CET)&lt;/a&gt;|&lt;/p&gt;\r\n    &lt;p&gt;&lt;a  href="//zscx.neea.edu.cn/html1/folder/22014/5504-1.htm" target="_blank"&gt;全国计算机等级考试(NCRE)&lt;/a&gt;|&lt;a href="//zscx.neea.edu.cn/html1/folder/2404/228-1.htm" target="_blank"&gt;全国计算机应用水平考试(NIT)&lt;/a&gt;|&lt;/p&gt;\r\n    &lt;p&gt;&lt;a href="//zscx.neea.edu.cn/html1/folder/2404/231-1.htm" target="_blank"&gt;全国英语等级考试(PETS)&lt;/a&gt;|&lt;a href="//zscx.neea.edu.cn/html1/folder/2404/234-1.htm" target="_blank"&gt;全国外语水平考试(WSK)&lt;/a&gt;|&lt;a href="//zscx.neea.edu.cn/" target="_blank"&gt;. . .&lt;/a&gt;&lt;/p&gt;\r\n\t&lt;!-- &lt;p&gt;&lt;a href="//zscx.neea.edu.cn/html1/folder/1508/211-1.htm?sid=680&amp;pram=certi" target="_blank"&gt;财税等级考试(ATT)&lt;/a&gt;|&lt;a href="//zscx.neea.edu.cn/" target="_blank"&gt;. . .&lt;/a&gt;&lt;/p&gt; --&gt;\r\n &lt;/div&gt;\r\n &lt;div class="box wh-box"&gt;\r\n  &lt;span&gt;&lt;a href="//bbhgzm.neea.edu.cn/" target="_blank"&gt;&lt;img src="/res/Home/structure/160130100.png" /&gt;补办合格证明书&lt;/a&gt;&lt;/span&gt;\r\n    &lt;p&gt;\r\n&lt;a href="//bbhgzm.neea.edu.cn/" target="_blank"&gt;全国计算机等级考试(NCRE)&lt;/a&gt;|\r\n&lt;a href="//bbhgzm.neea.edu.cn/" target="_blank"&gt;全国英语等级考试(PETS)&lt;/a&gt;|&lt;a href="//bbhgzm.neea.edu.cn/" target="_blank"&gt;. . .&lt;/a&gt;&lt;/p&gt;\r\n &lt;/div&gt;\r\n &lt;div class="box wh-box" style=\'border-bottom:none;padding-bottom:0\'&gt;\r\n  &lt;span&gt;&lt;a href="//bbcjzm.neea.edu.cn/" target="_blank"&gt;&lt;img src="/res/Home/structure/160130101.png" /&gt;补办成绩证明&lt;/a&gt;&lt;/span&gt;\r\n    &lt;p&gt;&lt;a href="//bbcjzm.neea.edu.cn/" target="_blank"&gt;全国外语水平考试(WSK)&lt;/a&gt;|&lt;a href="//bbcjzm.neea.edu.cn/" target="_blank"&gt;全国大学英语四六级(CET)&lt;/a&gt;|&lt;/br&gt;\r\n\r\n&lt;a href="//bbcjzm.neea.edu.cn/" target="_blank"&gt;全国大学日语四六级(CJT)&lt;/a&gt;|&lt;a href="//bbcjzm.neea.edu.cn/" target="_blank"&gt;全国大学俄语四六级(CRT)&lt;/a&gt;|&lt;a href="//bbcjzm.neea.edu.cn/" target="_blank"&gt;. . .&lt;/a&gt;&lt;/p&gt;\r\n &lt;/div&gt;\r\n \r\n&lt;!-- &lt;div class="box wh-box"  style=\'border-bottom:none;padding-bottom:0\'&gt;\r\n\t&lt;span&gt;&lt;a href="//zszy.neea.edu.cn/" target="_blank"&gt;&lt;img src="/res/Home/structure/160130103.png" /&gt;证书直邮&lt;/a&gt;&lt;/span&gt;\r\n\t&lt;p class="intit"&gt;&lt;a href="//zszy.neea.edu.cn/" target="_blank"&gt;NCRE证书直邮  &gt;&lt;/a&gt;&lt;/p&gt;\r\n\t \r\n&lt;/div&gt; --&gt;\r\n\r\n&lt;!-- &lt;div class="box" style=\'border-bottom:none;padding-bottom:0\'&gt;\r\n\t&lt;span&gt;&lt;div style="float: left"&gt;&lt;img src="/res/Home/structure/171113797.png" width=\'33\' /&gt;咨询电话&lt;/div&gt;&lt;a href="/html1/folder/17111/3799-1.htm" target="_blank" style="float: right;font-size: 12px;color: #777;margin-top: 5px"&gt;更多&amp;gt;&amp;gt;&lt;/a&gt;&lt;/span&gt;\r\n&lt;p&gt;证书查询及补办：010-83020302&lt;/p&gt;\r\n&lt;p&gt;全国大学英语四六级考试：010-62987880&lt;/p&gt;\r\n\r\n\t \r\n&lt;/div&gt; --&gt;\r\n\r\n\r\n  &lt;/div&gt;\r\n\r\n&lt;script type="text/javascript"&gt;\r\n$.each($(".wh-box a"),function(index,aObj){\r\n    var nowTime = new Date().getTime();\r\n    var startTime = new Date("2019/11/25 18:00:00").getTime();\r\n    var endTime = new Date("2019/11/26 08:00:00").getTime();\r\n\r\n        \r\n            if(nowTime &gt; startTime  &amp;&amp; nowTime &lt; endTime){\r\n                $(aObj).attr("href","/html1/folder/19113/3251-1.htm");\r\n            }\r\n        \r\n    });\r\n&lt;/script&gt;&lt;/div&gt;\r\n&lt;div id="Content2"&gt;&lt;!--{listing:16070276}--&gt;&lt;div class="imgdiv"&gt;\r\n&lt;ul&gt;\r\n&lt;li&gt;&lt;a href="/html1/category/16093/830-1.htm" target="_blank"&gt;&lt;img src="/res/Home/structure/160930708.jpg"&gt;&lt;span&gt;考试研究&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;\r\n&lt;li&gt;&lt;a href="http://cexam.neea.edu.cn" target="_blank"&gt;&lt;img src="/res/Home/structure/160930609.jpg"&gt;&lt;span&gt;《中国考试》杂志&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;\r\n&lt;li&gt;&lt;a href="//cse.neea.edu.cn/" target="_blank"&gt;&lt;img src="/res/Home/structure/160930610.jpg"&gt;&lt;span&gt;国家外语能力测评体系&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;\r\n&lt;!-- &lt;li&gt;&lt;a href="http://niea.neea.edu.cn" target="_blank"&gt;&lt;img src="/res/Home/structure/160930709.jpg"&gt;&lt;span&gt;PISA2015国家中心&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; --&gt;\r\n&lt;!--li&gt;&lt;a href="/html1/folder/17043/23-1.htm" target="_blank" id="sx"&gt;&lt;img src="/res/Home/structure/160930945.jpg"&gt;&lt;span&gt;升学指导测验&lt;/span&gt;&lt;/a&gt;&lt;/li--&gt;\r\n\r\n&lt;!--&lt;li&gt;&lt;a href="html1/folder/19071/6721-1.htm" target="_blank" id=\'self_study\'&gt;&lt;img src="/res/Home/structure/160930711.jpg"&gt;&lt;span&gt;自学考试分会&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;--&gt;\r\n\r\n&lt;li&gt;&lt;a href="//stecn.neea.edu.cn" target="_blank" id=\'self_study\'&gt;&lt;img src="/res/Home/structure/160930711.jpg"&gt;&lt;span&gt;自学考试分会&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;\r\n&lt;!--self_study自考分会链接http://stecn.neea.edu.cn --&gt;\r\n               \r\n\t\t\r\n\t&lt;/ul&gt;\t\r\n\r\n&lt;!-- 6个图\r\n升学指导测验路径：http://sx.neea.edu.cn/\r\n\r\n自考http://stecn.neea.edu.cn\r\n\r\n --&gt;\r\n&lt;/div&gt;&lt;!-- --&gt;\r\n\r\n\r\n&lt;script&gt;\r\nfunction bm(bm_id,bmurl){\r\n\r\n     var start_t = new Date("2017/10/09 08:30:00").getTime();\r\n     var end_t = new Date("2017/10/28 00:00:00").getTime();\r\n     var now_d=new Date().getTime();\r\n     if(now_d&gt;=start_t &amp;&amp; now_d&lt;=end_t){\r\n           $(bm_id).attr("href","/html1/folder/17043/23-1.htm");\r\n     }else{\r\n           $(bm_id).attr("href",bmurl);\r\n    }\r\n}\r\n\r\n\r\nbm("#sx","http://sx.neea.edu.cn/");\r\nbm("#self_study0","//stecn.neea.edu.cn");\r\n\r\n&lt;/script&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;div id="Footer"&gt;&lt;!--{listing:190633055}--&gt;&lt;style&gt;\r\n#Footer{border-top: 1px solid #ccc;}\r\n.footer{height:110px;background:#f4f4f4;color:#303D5D;text-align:center;font-size:12px}\r\n.links{padding:56px 0px 22px 0px;background:url(/res/Home/structure/indexlinks_bg.png) no-repeat center bottom;}\r\n.links select{width:185px;}\r\n.footer-nav{font-weight:bold;color:#303D5D;padding-bottom:5px;}\r\n.footer-nav a{color:#303D5D;}\r\n.copyright{position:absolute;top:26px;left:0;height:60px;/*background:url(/res/Home/structure/160330144.png) no-repeat left 8px;*/text-align:left;line-height:180%;}\r\n.motto{position:absolute;top:37px;right:60px;}\r\n.motto i{font-style:normal;color:#D80000}\r\n.motto i a{color:#D80000}\r\n\r\n.footer-bottom{width:1200px;margin-left:-600px;   left: 50%;\r\n    position: absolute;}\r\n.motto select{width:150px;height:30px;*height:auto;border-radius:3px;margin-left:20px;font-family:"微软雅黑"}\r\n.menu ul li {\r\n    float: left;\r\n    position: relative;\r\n    margin-right: 15px;\r\n    font-size: 14px;\r\n    text-align: left;\r\n  font-size:12px;\r\n}\r\n.menu ul li#hide3{margin-right:0}\r\n.menu li .hide{display:block;height:30px;line-height:30px;padding:0 20px 0 0;margin-left:50px;background: url(/res/Home/structure/160930481.png) no-repeat right center;/*;margin-left:25px;*/color:#303D5D}\r\n.menu li a:hover{text-decoration:none;color:#ff8000}\r\n.menu li#hide3 .hide{/*width: 185px;background: url(/res/Home/structure/16081194.jpg) no-repeat left top;*/}\r\n.menu ul li div a{color:#303D5D}\r\n.menu ul li div {\r\n    display: block;\r\n    position: absolute;width:280px;\r\n    bottom: 31px;\r\n    border-color: #ccc;\r\n    border-style: solid;\r\n    border-width: 0;\r\n  background:#fff;\r\n    right: -63px;\r\n    height: 0px;\r\n    overflow-y: auto !important;\r\n    overflow-x: hidden !important;\r\n}\r\n.menu ul li ul li {\r\n    display: block;\r\n    background: #fff;\r\n    color: #000;\r\n    width: 295px;\r\n  padding:0 7px;\r\n  height:25px;\r\n  line-height:25px;\r\n    clear: both;\r\n    float: none;\r\n  margin: 0;\r\n}\r\n#logi:hover{text-decoration:none}\r\n.menu ul li#hide1 .hide{/*background: url(/res/Home/structure/16081196.png) no-repeat 5px center;*/background:none;height: 30px;line-height: 30px;border-radius:5px;padding-left:0}\r\n.menu ul li#hide1 .hide:hover{text-decoration:none}\r\n.linktit {background:url(\'/res/Home/structure/160930480.jpg\') repeat-x left 50%;text-align:left}\r\n.linktit span{padding:5px 8px 5px 0;background-color:#f4f4f4;}\r\n.linktit {}\r\n&lt;/style&gt;\r\n\r\n&lt;div class="footer"&gt;\r\n  &lt;div class="footer-bottom"&gt;\r\n    &lt;div class="copyright"&gt;主办单位：教育部教育考试院\u3000\u3000&lt;!-- 全国高等教育自学考试指导委员会办公室--&gt;&lt;br/&gt;&lt;a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" style="    color: #303d5d;"&gt;京ICP备05064772号&lt;span id="recordIndex"&gt;&lt;/span&gt;&lt;/a&gt;\u3000\u3000\r\n&lt;a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11040202430017" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;color:#303d5d;"&gt;&lt;img src="/res/Home/structure/171217035.png" style="vertical-align: middle;position: relative;margin-top: -3px;" /&gt;京公网安备 11040202430017号&lt;/a&gt;\r\n&lt;span style="display:block;text-decoration:none;height:20px;line-height:20px;color:#303d5d;"&gt;建议您使用Edge、Chrome、Firefox、360等主流浏览器浏览本网站&lt;/span&gt;\r\n&lt;script&gt;\r\nvar domain = document.domain;\r\nif (domain.indexOf("neea.edu.cn") &gt;= 0) {\r\n    //$("#recordIndex").html("-1");\r\n    document.getElementById("recordIndex").innerHTML = "-1";\r\n} else if (domain.indexOf("neea.cn") &gt;= 0) {\r\n    //$("#recordIndex").html("-2");\r\n    document.getElementById("recordIndex").innerHTML = "-2";\r\n}\r\n&lt;/script&gt;\r\n&lt;/div&gt;\r\n  &lt;div class="motto"&gt;\r\n    &lt;div class=\'linktit\'&gt;&lt;span&gt;友情链接：&lt;/span&gt;&lt;/div&gt;\r\n    &lt;div class="menu"&gt;\r\n      &lt;ul&gt;\r\n        &lt;li  id="hide1"&gt;&lt;a class="hide" href="http://www.moe.gov.cn/" target="_blank" style="margin-left:0"&gt;中华人民共和国教育部&lt;/a&gt;&lt;/li&gt;\r\n        &lt;li id="hide2"&gt;&lt;a class="hide" href="javascript:"&gt;省级教育考试机构&lt;/a&gt;\r\n          &lt;div&gt;\r\n            &lt;ul&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.bjeea.cn/\' target=\'_blank\' title="北京教育考试院"&gt;北京教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.zhaokao.net\' target=\'_blank\' title="天津市教育招生考试院"&gt;天津市教育招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.hebeea.edu.cn\' target=\'_blank\' title="河北省教育考试院"&gt;河北省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.sxkszx.cn\' target=\'_blank\' title="山西省招生考试管理中心"&gt;山西省招生考试管理中心&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.nm.zsks.cn\' target=\'_blank\' title="内蒙古自治区教育招生考试中心"&gt;内蒙古自治区教育招生考试中心&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.lnzsks.com\' target=\'_blank\' title="辽宁省高中等教育招生考试委员会办公室"&gt;辽宁省高中等教育招生考试委员会办公室&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.jleea.edu.cn/\' target=\'_blank\' title="吉林省教育考试院"&gt;吉林省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.lzk.hl.cn\' target=\'_blank\' title="黑龙江省招生考试院"&gt;黑龙江省招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.shmeea.edu.cn\' target=\'_blank\' title="上海市教育考试院"&gt;上海市教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.jseea.cn/\' target=\'_blank\' title="江苏省教育考试院"&gt;江苏省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.zjzs.net\' target=\'_blank\' title="浙江省教育考试院"&gt;浙江省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.ahzsks.cn/\' target=\'_blank\' title="安徽省教育招生考试院"&gt;安徽省教育招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.eeafj.cn/\' target=\'_blank\' title="福建省教育考试院"&gt;福建省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.jxeea.cn/\' target=\'_blank\' title="江西省教育考试院"&gt;江西省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'https://www.sdzk.cn/\' target=\'_blank\' title="山东省教育招生考试院"&gt;山东省教育招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.heao.com.cn/\' target=\'_blank\' title="河南省教育考试院"&gt;河南省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.hbea.edu.cn/\' target=\'_blank\' title="湖北省教育考试院"&gt;湖北省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.hneao.edu.cn\' target=\'_blank\' title="湖南省教育考试院"&gt;湖南省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://eea.gd.gov.cn/\' target=\'_blank\' title="广东省教育考试院"&gt;广东省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.gxeea.cn\' target=\'_blank\' title="广西招生考试院"&gt;广西招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://ea.hainan.gov.cn/\' target=\'_blank\' title="海南省考试局"&gt;海南省考试局&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'https://www.cqksy.cn\' target=\'_blank\' title="重庆市教育考试院"&gt;重庆市教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.sceea.cn/\' target=\'_blank\' title="四川省教育考试院"&gt;四川省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://zsksy.guizhou.gov.cn/\' target=\'_blank\' title="贵州省招生考试院"&gt;贵州省招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.ynzs.cn\' target=\'_blank\' title="云南省招生考试院"&gt;云南省招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://zsks.edu.xizang.gov.cn/\' target=\'_blank\' title="西藏自治区教育考试院"&gt;西藏自治区教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.sneac.com\' target=\'_blank\' title="陕西省教育考试院"&gt;陕西省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.ganseea.cn/\' target=\'_blank\' title="甘肃省教育考试院"&gt;甘肃省教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.qhjyks.com\' target=\'_blank\' title="青海省教育招生考试院"&gt;青海省教育招生考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.nxjyks.cn/\' target=\'_blank\' title="宁夏教育考试院"&gt;宁夏教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;li&gt;&lt;span id=\'AmityLinkIDgetSubject\'&gt;&lt;a href=\'http://www.xjzk.gov.cn/\' target=\'_blank\' title="新疆维吾尔自治区教育考试院"&gt;新疆维吾尔自治区教育考试院&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;\r\n           &lt;/div&gt;\r\n        &lt;/li&gt;\r\n \r\n      &lt;/ul&gt;\r\n    &lt;/div&gt;\r\n  &lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n\r\n&lt;script&gt;\r\n\r\n  $(document).on("click","body *",function() {\r\n    $("#hide2 div").css(\r\n        {\r\n          "height":"0",\r\n          "border":"none"\r\n        });\r\n});\r\n     $(function(){\r\n    $("#hide2").click(function(){\r\n      $("#hide2 div").stop().css(\r\n        {\r\n          "height":"400px",\r\n          "border":"1px solid #ccc"\r\n        })\r\n    });\r\n    $("#hide2 div").mouseleave(function(){\r\n        $(this).css({"height":"0","border":"none"});      \r\n    })\r\n});\r\n      $("#hide2").click(function(event) {\r\n                event.stopPropagation();\r\n            });\r\n&lt;/script&gt;&lt;!--{section:17044718}--&gt;&lt;style&gt;\r\n\r\n.copyright{left:68px}\r\n\r\n&lt;/style&gt;\r\n\r\n&lt;script type="text/javascript"&gt;\r\n\r\n//$(".footer-bottom").prepend("&lt;div class=\'addicon\'&gt;"+unescape("%3Cspan id=\'_ideConac\' %3E%3C/span%3E%3Cscript src=\'//dcs.conac.cn/js/33/000/0000/40672553/CA330000000406725530002.js\' type=\'text/javascript\'%3E%3C/script%3E")+"&lt;/div&gt;");\r\n\r\n&lt;/script&gt;\r\n\r\n&lt;script type="text/javascript"&gt;\r\n\r\n$(".footer-bottom").prepend("&lt;div class=\'addicon\'&gt;"+unescape("%3Cspan id=\'_ideConac\' %3E%3C/span%3E%3Cscript src=\'https://dcs.conac.cn/js/33/000/0000/40672553/CA330000000406725530004.js\' type=\'text/javascript\'%3E%3C/script%3E")+"&lt;/div&gt;");\r\n\r\n\r\n&lt;/script&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/body&gt;&lt;/html&gt;'</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell" id="cell-id=c8baffc0-be5e-4625-a80c-9512d86ea56a">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [3]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span><span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">r</span><span class="p">,</span><span class="s1">'html.parser'</span><span class="p">)</span>
<span class="n">items1</span> <span class="o">=</span> <span class="n">soup</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="s1">'div'</span><span class="p">,</span><span class="n">class_</span><span class="o">=</span><span class="s2">"header-container"</span><span class="p">)</span>
<span class="n">ulist1</span><span class="o">=</span><span class="p">[]</span>
<span class="k">for</span> <span class="n">item1</span> <span class="ow">in</span> <span class="n">items1</span><span class="p">:</span>
    <span class="n">ulist1</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item1</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">item1</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
<span class="n">soup</span> <span class="o">=</span> <span class="n">BeautifulSoup</span><span class="p">(</span><span class="n">w</span><span class="p">,</span><span class="s1">'html.parser'</span><span class="p">)</span>
<span class="n">items2</span> <span class="o">=</span> <span class="n">soup</span><span class="o">.</span><span class="n">find_all</span><span class="p">(</span><span class="s1">'div'</span><span class="p">,</span><span class="n">class_</span><span class="o">=</span><span class="s2">"cdiv"</span><span class="p">)</span>
<span class="n">ulist2</span><span class="o">=</span><span class="p">[]</span>
<span class="k">for</span> <span class="n">item2</span> <span class="ow">in</span> <span class="n">items2</span><span class="p">:</span>
    <span class="n">ulist2</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">item2</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
    <span class="nb">print</span><span class="p">(</span><span class="n">item2</span><span class="o">.</span><span class="n">text</span><span class="p">)</span>
<span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span>
<span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span>
<span class="n">write</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">ExcelWriter</span><span class="p">(</span><span class="s2">"D:\kk.xlsx"</span><span class="p">)</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">ulist1</span><span class="p">)</span>
<span class="n">df</span><span class="o">.</span><span class="n">to_excel</span><span class="p">(</span><span class="n">write</span><span class="p">,</span><span class="n">sheet_name</span><span class="o">=</span><span class="s1">'Sheet1'</span><span class="p">)</span>
<span class="n">write</span><span class="o">.</span><span class="n">_save</span><span class="p">()</span>
<span class="n">df</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">DataFrame</span><span class="p">(</span><span class="n">ulist2</span><span class="p">)</span>
<span class="n">df</span><span class="o">.</span><span class="n">to_excel</span><span class="p">(</span><span class="n">write</span><span class="p">,</span><span class="n">sheet_name</span><span class="o">=</span><span class="s1">'Sheet2'</span><span class="p">)</span>
<span class="n">write</span><span class="o">.</span><span class="n">_save</span><span class="p">()</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="jp-Cell-outputWrapper">
<div class="jp-Collapser jp-OutputCollapser jp-Cell-outputCollapser">
</div>
<div class="jp-OutputArea jp-Cell-outputArea">
<div class="jp-OutputArea-child">
<div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
<div class="jp-RenderedText jp-OutputArea-output" data-mime-type="text/plain" tabindex="0">
<pre>创作中心业务合作

国家教育考试
普通高考|成人高考|研究生考试|
自学考试
|中小学教师资格考试
|同等学力申请硕士学位考试



社会证书考试

全国大学英语四、六级考试(CET) |全国计算机等级考试(NCRE)|全国计算机应用水平考试(NIT)


全国英语等级考试(PETS)|
全国外语水平考试(WSK)|书画等级考试(CCPT)
中国少数民族汉语水平等级考试(MHK)




海外考试

托福网考®(TOEFL iBT®)|雅思(IELTS)|德福(TestDaF)|日本语能力测试(JLPT) 
韩国语能力考试 (TOPIK)|GRE®考试(GRE®)| 美国管理学研究生入学考试(GMAT) 
剑桥商务英语考试 (BEC)|法语(DELF-DALF)|对外西班牙语水平证书考试（DELE） 
美国法学院入学考试 (LSAT)|巴西葡萄牙语(GELPE-BRAS)|
剑桥少儿英语 (CYLE)

楷尔(CAEL)





其它

国家外语能力测评体系



</pre>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=969f5f37-1ed7-4363-9ff7-f4901721ad04">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=cea01279-b887-4ae1-aba9-3344e8ae2ca0">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=b4953d57-c4d1-47bf-90a2-4a073e66ed05">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div><div class="jp-Cell jp-CodeCell jp-Notebook-cell jp-mod-noOutputs" id="cell-id=2e1695e8-db3c-4e94-9f6c-7949e796a549">
<div class="jp-Cell-inputWrapper" tabindex="0">
<div class="jp-Collapser jp-InputCollapser jp-Cell-inputCollapser">
</div>
<div class="jp-InputArea jp-Cell-inputArea">
<div class="jp-InputPrompt jp-InputArea-prompt">In [ ]:</div>
<div class="jp-CodeMirrorEditor jp-Editor jp-InputArea-editor" data-type="inline">
<div class="cm-editor cm-s-jupyter">
<div class="highlight hl-ipython3"><pre><span></span> 
</pre></div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
